ตัวแปร Var, Let และ Const จะใช้แบบไหน?

 ในการเขียนโค้ด การประกาศตัวแปรถือว่าเป็นสิ่งแรกๆ ในการเริ่มต้นศึกษาภาษาต่างๆ ในภาษา “JavaScript” เราจะประกาศตัวแปรด้วย var ตามด้วย ชื่อตัวแปร แต่ Javascript ES6 ได้เพิ่มการประกาศตัวแปรแบบ let และ const เพิ่มขึ้นมา ซึ่งในบทความนี้จะแนะนำการประกาศตัวแปร  var, let และ const  เพื่อการนำไปใช้งานอย่างถูกต้อง

ที่มา : BorntoDev (29/08/2022)

 ภาพ: BorntoDev (29/08/2022)

ตัวแปร var

การประกาศค่าด้วย var นั้น จะเป็นแบบ function scope เมื่อประกาศตัวแปรแล้ว จะสามารถนำไปใช้ภายในฟังก์ชันนั้นได้ทั้งหมด

ภาพ: BorntoDev (29/08/2022)

ตัวแปร let

let เมื่อประกาศแล้วตัวแปรจะมีค่าอยู่แค่ภายใน block scope คือ แค่ภายในเครื่องหมาย { และ } ทำให้ไม่เกิดปัญหาการอ้างอิงตัวแปรเก่า เช่น การใช้ตัวแปรใน loop ต่างๆ ที่ต้องการประกาศค่าขึ้นมาใหม่

ภาพ: BorntoDev (29/08/2022)

ตัวแปร const 

ใช้สำหรับประกาศค่าตัวแปรที่ไม่ต้องการให้เปลี่ยนแปลงค่าได้ เพราะเมื่อประกาศค่าไปแล้วจะไม่สามารถแก้ไขค่านั้นซ้ำได้ โดย const นั้นทำงานภายใน block scope 

ภาพ: BorntoDev (29/08/2022)

สรุป ความต่างระหว่าง let กับ const คือ let เมื่อประกาศตัวแปรแล้ว สามารถเปลี่ยนแปลงค่าได้ เมื่อเรากำหนดค่าให้กับตัวแปรนั้นๆใหม่ แต่ถ้าเป็นตัวแปรชนิด const จะไม่สามารถ ประกาศค่าใหม่ให้กับตัวแปรนั้นได้ จึงเหมาะจะใช้สำหรับประกาศตัวแปรค่าคงที่เช่น ค่า PI เป็นตัน

          ดังนั้นในการเขียน Javascript ยุคใหม่จึงควรเลือกใช้ let หรือ const ก่อน ถ้าเราต้องการจะใช้ var เราก็ควรจะครอบด้วย Immediately-Invoked Function Expression(IIFE) ตาม Syntax ด้านล่าง

 (function(){

 ..... 

})(); 

เพื่อไม่ให้ ตัวแปรนั้นไปอยู่ใน window object ซึ่งอาจทำให้ตัวแปรนี้ไปชนกับ library หรือ ไฟล์อื่นๆ ที่ load เข้ามา