COOL IT IDEAS AND STUFF
JavaScript Tips & Hacks You Wish You Knew Sooner
14-Jan-26
คัมภีร์เทพ IT
See the original english version Click here!
ไม่ว่าคุณจะเป็นมือใหม่หรือใช้ JavaScript มานานแล้ว มันมีทั้งทริคและ Syntax ที่ช่วยให้เราเขียน Code ได้สั้นลงและรวดเร็วขึ้น โดยไม่จำเป็นต้องพึ่งพา Libraries เพิ่มเติม บทความนี้จึงได้รวบรวม 10 ทริค JavaScript สำหรับเขียน Code ให้เร็วและ Clean ยิ่งขึ้น ซึ่งเหมาะสำหรับ Developer ที่อยากปรับปรุงคุณภาพ Code และเพิ่มความเร็วในการพัฒนาในงานประจำวัน
1. เขียนเงื่อนไขให้สั้นลงด้วย Ternary Operator
แทนที่จะเขียนแบบนี้:
ลองเปลี่ยนมาเขียนแบบนี้ดู:
จะเห็นว่า Code ดู Clean อ่านง่าย และมีความกระชับขึ้นมาก
2. สลับค่าตัวแปรโดยไม่ต้องใช้ตัวแปรชั่วคราว (Temp Variable)
แค่นี้ก็เรียบร้อยแล้ว: a = 2, b = 1
3. แปลงค่าให้เป็น Boolean ได้ทันที
การใช้ Double Negation (!!) จะเปลี่ยนค่าใดๆ ให้กลายเป็น Boolean ได้ ทำให้มันเหมาะอย่างมากสำหรับการตรวจสอบเงื่อนไขแบบรวดเร็ว
4. ใช้ Optional Chaining เพื่อเข้าถึงข้อมูลอย่างปลอดภัย
ต่อไปนี้ คุณคงไม่ต้องเจอกับ Error เป็น undefined อีกต่อไป
มันเป็นวิธีที่ Clean และปลอดภัยในการเข้าถึง Property ที่ซ้อนกันหลายชั้น
5. ลบค่าที่ซ้ำกันใน Array
แค่นี้ก็เสร็จแล้ว คุณจะได้ [1, 2, 3] ด้วย Code เพียงแค่บรรทัดเดียว
6. กำหนดค่าเริ่มต้นให้ Parameters ของ Function
คำถามคือ เราเรียก greet() โดยไม่ส่ง Argument เข้ามาได้หรือไม่? จะเห็นว่า มันก็ยังทำงานได้ตามปกติ
7. ใช้ Object.entries() เพื่อวนลูป Object
แทนที่จะเขียนแบบนี้:
ให้ใช้แบบนี้แทน:
จะเห็นว่า มันเป็นวิธีที่ทันสมัยกว่า และยังอ่านเข้าใจง่ายอีกด้วย
8. ใช้ Destructuring ให้คล่องเหมือนมือโปร
จาก Object:
จาก Array:
มันช่างเป็นวิธีที่ทั้งสั้น Clean และทรงพลัง
9. หน่วงเวลา Execution ด้วย setTimeout + Promises
นี่คือวิธีสร้าง Utility sleep() แบบง่ายๆ:
มันเหมาะอย่างมากสำหรับ Animation, การทดสอบ Delay เป็นต้น
10. ซ่อน Private Property ด้วย #
เครื่องหมาย # จะทำให้ Property นั้นเป็น Private จริงๆ ซึ่งไม่สามารถเข้าถึงได้จากภายนอก
Bonus: Clone Object ด้วย Code บรรทัดเดียว
มันมีประโยชน์สำหรับการ Deep Copies (แต่ขอแนะนำว่า อย่าใช้กับ Function หรือ Date Object)
สรุป
และนี่ก็เป็น 10 ทริค JavaScript สำหรับเขียน Code ให้เร็วและ Clean ยิ่งขึ้น ถึงแม้พวกมันจะเป็นทริคเล็กๆ น้อยๆ แต่เทคนิคเหล่านี้ก็ช่วยให้คุณ Develop ได้อย่างมีประสิทธิภาพ รวมทั้งยังสร้างความประทับใจให้กับผู้สัมภาษณ์งานหรือทีมงานได้อีกด้วย ดังนั้น ทดลองใช้งาน, เขียน Code ต่อไปและอย่าหยุดมองหาวิธีที่ดีกว่าเดิมในการเขียน Logic ของคุณ
ที่มา: https://medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด