var vs let vs const ความแตกต่างที่ต้องเข้าใจ

Описание: การใช้งาน var, let และ const ใน Javascript สร้างความสับสนให้กับ developer มือใหม่อยู่พอสมควร ซึ่งเรื่องนี้ถือว่าเป็นเรื่องที่จำเป็นต้องมีความเข้าใจ ถึงจะใช้งานได้อย่างถูกต้อง

เริ่มกันที่การประกาศตัวแปร var ซึ่งเป็นตัวแปรที่อยู่กับ Javascript มาอย่างยาวนาน โดย var นั้นจะทำการจัดเก็บอยู่กับ context(ถ้าอยู่ใน function มันจะผูกติดกับ function แต่ถ้าอยู่ข้างนอก มันก็จะผูกติดกับ window object) ด้วยการจัดเก็บแบบนี้เลยทำให้เกิดความสับสน เพราะมันแตกต่างจากวิธีคิดในภาษาอื่นๆ ดังนั้นในการเขียน Javascript ยุคใหม่จึงควรเลือกใช้ let หรือ const ก่อน

ถ้าเราต้องการจะใช้ var เราก็ควรจะครอบด้วย Immediately-Invoked Function Expression (IIFE) ตาม Syntax ด้านล่าง
(function(){
.....
})();
เพื่อไม่ให้ ตัวแปรนั้นไปอยู่ใน window object ซึ่อาจทำให้ตัวแปรนี้ไปชนกับ library หรือ ไฟล์อื่นๆ ที่ load เข้ามา

ส่วน let นั้น จะเป็น local variable ที่อยู่ใน socpe ของ function เป็น syntax ใหม่ที่เพื่มขึ้นมาใน ES6 หรือ ES2015 จะเป็นการประกาศตัวแปรในลักษณะเดียวกับภาษาอื่นๆ ทั่วไปคือจะเป็นตัวแปรที่มี scope อยู่ในวงเล็บเปิดและวงเล็บปิด {}

const นั้นก็ไม่แตกต่างจาก let เพียงแต่เป็นตัวแปรที่เป็นค่าคงที่ โดยจะสามารถ assign ค่าให้กับตัวแปรนั้นได้เพียงครั้งเดียวเท่านั้น ซึ่งส่วนใหญ่เราก็จะใช้ตัวแปรประเภทนี้ในการประกาศ function หรือรับ response มาจาก api

สรุปหลักการใช้งาน เราจะเริ่มใช้ const ก่อนแล้วถ้าต้องการ Assign ค่าใหม่ให้ใช้เป็น let แทนส่วน var นั้นก็พยายามหลีกเลี่ยงเพราะมันเก่าแล้ว

ดูตัวอย่ง code เพิ่มเติมได้ที่
https://codinggun.com/javascript/var-...