Q255- Why let & const were introduced in JavaScript?

Before ES6, JavaScript only had var, which had several problems:

---

✅ 1. var has function scope → causes bugs

var is not block scoped, meaning this behaves unexpectedly:

if (true) {
  var x = 10;
}
console.log(x); // 10  ❌ (leaks outside the block)

✔ let and const are block scoped

if (true) {
  let x = 10;
}
console.log(x); // ReferenceError ✔

This makes code more predictable.

---

✅ 2. var is hoisted with value = undefined

This often leads to bugs:

console.log(a); 
var a = 5;  // prints undefined ❌

✔ let and const prevent access before declaration (TDZ)

console.log(a); // ❌ ReferenceError
let a = 5;

This avoids accidental usage of undeclared variables.

---

✅ 3. var allows accidental redeclaration

var x = 10;
var x = 20;  // allowed ❌ (dangerous)

✔ let and const prevent redeclaration

let x = 10;
let x = 20;  // ❌ Error

This improves safety in large codebases.

---

✅ 4. const gives true immutability for values

ES6 introduced const for variables that should not change:

const API_URL = "https://api.com";

Prevents accidental modifications.

---

✅ 5. Better support for modern JavaScript features

• Closures
• Modules
• Functional programming
• Block-scoped loops (for, for-of, forEach)

var breaks in loops:

for (var i = 1; i <= 3; i++) {
  setTimeout(() => console.log(i), 100);
}
// 4, 4, 4 ❌

let works properly:

for (let i = 1; i <= 3; i++) {
  setTimeout(() => console.log(i), 100);
}
// 1, 2, 3 ✔

---

🎯 Short Interview Answer

let and const were introduced in JavaScript to fix the problems with var:

• No block scope
• Hoisting with undefined
• Accidental redeclarations
• Unpredictable behavior in loops

let provides block-scoped variables, and const provides immutable bindings, making code safer, cleaner, and more predictable.