บทความ IT เจ๋งๆ
12 เทคนิคการเขียน JavaScript Code ให้สั้นกระชับ
02-ต.ค.-20
คัมภีร์เทพ IT
Developer แต่ละคน ต่างก็มีวิธีการและแนวทางการเขียน Code ที่แตกต่างกันไป บทความนี้จะมาแนะนำ 12 เทคนิคการเขียน JavaScript Code ให้สั้นกระชับ ซึ่งจะช่วยให้ Developer เขียน Code รวดเร็วยิ่งขึ้น
1. Switch Case Statements
คุณสามารถ Refactor "Switch Statements" ให้เป็น Object ซึ่งทำให้ Syntax มีความ Clean และดูแล้วเข้าใจมากขึ้น
2. IF Checks Assignment
แม้เทคนิคนี้จะเป็นเทคนิคที่ไม่ได้พิเศษมากมายอะไร แต่มันก็ควรค่าที่จะแนะนำ เนื่องจาก Value เป็น Boolean อยู่แล้ว เราจึงสามารถตรวจสอบพวกมันได้โดยตรงใน If
3. Short IF statements
นอกจากนี้เรายังสามารถรวมการตรวจสอบเงื่อนไขของ If พร้อม ๆ กันได้หลายเงื่อนไขโดยใช้ Array แล้วสามารถตรวจสอบว่ามีเงื่อนไขเหล่านั้นอยู่ใน Array นั้นหรือไม่
4. If true … else case
5. Using Lookup Tables
หากเรามีเงื่อนไขของ If-Else หลาย ๆ เงื่อนไข และพฤติกรรมของแต่ละเงื่อนไขก็แตกต่างกันไป เราสามารถใช้ Lookup Tables กับกรณีนี้ได้ อีกทั้งเรายังสามารถทำเช่นเดียวกันนี้ได้โดยใช้ Switch Statements
6. For Loop
7. Empty Check, Undefined Checks, or Null Checks
มีหลายครั้ง ที่เราต้องการตรวจสอบค่าของตัวแปรว่าเป็น Undefined หรือ Null หรือไม่ มันเป็นสถานการณ์ที่พบได้บ่อยใน Application ทุกประเภทก็ว่าได้
8. Function Calling
เราสามารถใช้ Ternary Operators เพื่อเรียก Functions ได้โดยตรงตาม Conditional Expression
9. Spread Operator
ใน JavaScript เราสามารถใช้ Spread Operator ได้ในหลายสถานการณ์ เพื่อทำให้ Code ของเรามีประสิทธิภาพ Clean และชัดเจนเข้าใจได้ง่ายยิ่งขึ้น
Syntax ของ Spread Operator ก็คือ 3 Dots (...)
ตัวอย่างของการ Concatenation:
ตัวอย่างของการ Cloning:
10. Using Arrow Functions
11. Combining of Arrays Into an Object Literal
อีกหนึ่ง Use Case ก็คือ Associative Arrays อย่างเช่น การสร้างและเพิ่มหลาย ๆ Elements เข้าไปใน Array โดยใช้ Object Literals สิ่งที่ควรรู้ก็คือ Associative Arrays เป็น JavaScript Objects ที่มี Properties โดยพื้นฐาน
12. Passing of Function arguments
เรายังสามารถใช้ Object Literals เพื่อส่งผ่าน Arguments หลายตัวไปยัง Function แทนที่จะใช้ตัวแปรหลายตัวเพื่อทำสิ่งเดียวกัน
ที่มา: https://levelup.gitconnected.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด