บทความ IT เจ๋งๆ

5 JavaScript Features สุดเจ๋ง ที่ Developers หลายคนอาจยังไม่เคยใช้

12-พ.ย.-21

คัมภีร์เทพ IT

คุณสามารถใช้ JavaScript ในการทำสิ่งหนึ่งได้หลากหลายวิธี นอกจากนี้ JavaScript กำลังพัฒนาด้วยการเปิดตัวข้อกำหนด ECMAScript ใหม่ทั้งหมด, เพิ่ม Methods และ Operators ใหม่ ๆ ที่มีประโยชน์ เพื่อทำให้ Code สั้นลงและอ่านได้ง่ายขึ้น และนี่ก็เป็น 5 JavaScript Features สุดเจ๋ง ที่ Developers ส่วนใหญ่อาจยังไม่เคยใช้

1. Object.entries

Developers ส่วนใหญ่ใช้ Object.keys Method เพื่อ Iterate Object โดย Method นี้จะ Returns Array ของ Object Keys เท่านั้น ไม่ใช่ Values แต่เราสามารถใช้ Object.entries เพื่อรับทั้ง Key และ Value

และในการ Iterate Object เราสามารถทำได้ดังต่อไปนี้: 

ทั้ง 2 Methods ข้างต้น จะ Return ผลลัพธ์เดียวกัน แต่ Object.entries จะทำให้คุณได้รับทั้ง Key และ Value ได้อย่างง่ายดาย

2. String replaceAll Method

ใน JavaScript เราสามารถแทนที่ String ที่มีทั้งหมดด้วย String อื่นได้ เราจำเป็นต้องใช้ Regular Expression ดังต่อไปนี้:

แต่ใน ES12 ได้มีการเพิ่ม Method ใหม่ใน String.prototype ที่ชื่อ replaceAll เข้าไป ซึ่งเราสามารถแทนที่ String ที่มีทั้งหมดด้วย String อื่น

3. Numeric Separator

คุณสามารถใช้ Underscore _ เป็นตัวคั่นตัวเลขได้ ซึ่งทำให้ง่ายต่อการนับจำนวนเลขศูนย์ในตัวเลข

ตัวคั่น Underscore ยังสามารถใช้กับตัวเลข BigInt ได้ ดังเช่นตัวอย่างด้านล่างนี้:

คุณเห็นด้วยไหมว่า สิ่งนี้ช่วยทำให้ตัวเลขอ่านง่ายขึ้น

4. document.designMode

สำหรับ Frontend JavaScript แล้ว Design Mode จะช่วยให้คุณสามารถแก้ไข Content ต่าง ๆ บน Page ได้ เพียงแค่คุณเปิด Frontend JavaScript แล้วให้พิมพ์ ดังต่อไปนี้:

มันมีประโยชน์อย่างมากสำหรับ Designers เนื่องจากพวกเขาไม่ต้องเปลี่ยนแปลงสิ่งต่าง ๆ ใน Code ทุกครั้งที่มีการเปลี่ยนแปลงบนหน้าจอ

5. Logical Assignment Operator

Logical Assignment Operators คือ การใช้งานร่วมกันของ Logical Operators &&, ||, ?? และ Assignment Operator =

เรากำลังตรวจสอบว่าค่าของ a เป็น True หรือไม่ หากใช่ จากนั้นเราก็กำลัง Update ค่าของ a และเช่นเดียวกัน คุณสามารถทำได้ด้วยการใช้ Logical OR || Operator

และด้วย Nullish Coalescing Operator ??

เราสามารถใช้ ?? Operator เพื่อตรวจสอบเฉพาะค่า Null หรือค่า Undefined

*** โปรดทราบว่า มีการเพิ่ม Logical Assignment Operators ลงใน ES12/ES2021 แล้ว

ที่มา:  https://betterprogramming.pub/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด

ประเภทบทความ