let, const และการหลีกเลี่ยง var

บทนำ

พื้นฐานการประกาศแบบเปลี่ยนค่าได้เทียบกับแบบค่าคงที่

// Prefer const by default; use let when you need to reassign
const appName = "CoddyKit";   
// cannot reassign
let score = 0;                
// can reassign

score = score + 1;
console.log("App:", appName);
console.log("Score:", score);

เหตุผลที่ควรหลีกเลี่ยงการประกาศแบบเก่า

ตัวอย่างขอบเขตบล็อก

// Block scope: variables exist only inside the braces
let lives = 3;

if (true) {
  const bonus = 10;      
 // only inside this block
  let level = 2;          
// only inside this block
  console.log("Inside:", bonus, level);
}

console.log("Lives:", lives);
// The following would be ReferenceError if uncommented:
// console.log(bonus, level);

TDZ (ตัวอย่างที่ปลอดภัย)

// TDZ: accessing let/const before declaration throws ReferenceError
try {
  // Uncommenting next line would throw:
  // console.log(theme);   
  // ReferenceError (TDZ)
  let theme = "dark";
  console.log("Theme after declare:", theme);
} catch (e) {
  console.log("Caught:", e.message);
}

การตั้งชื่อและคำแนะนำ

แบบทดสอบการประกาศแบบเปลี่ยนค่าได้เทียบกับแบบค่าคงที่

สรุปทบทวน