var / let / const

var / let / const

구분	var	let	const
스코프	함수 스코프	블록 스코프	블록 스코프
재선언	✅ 가능	❌ 불가	❌ 불가
재할당	✅ 가능	✅ 가능	❌ 불가
호이스팅	✅ (undefined로)	✅ (TDZ)	✅ (TDZ)

---

var의 문제점

// 블록 밖으로 새어나옴
if (true) {
  var x = 10;
}
console.log(x); // 10 — 의도치 않게 접근됨

// let이라면?
if (true) {
  let y = 10;
}
console.log(y); // ReferenceError

// for 루프 클로저 버그
for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 100);
}
// 3, 3, 3 — var는 함수 스코프라 루프 끝난 시점의 i=3을 참조

for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 100);
}
// 0, 1, 2 — let은 매 반복마다 새로운 i가 생김

---

const의 "불변"은 바인딩 기준

const obj = { name: "Alice" };
obj.name = "Bob";  // ✅ 가능 — 내부 변경
obj = {};          // ❌ 에러 — 재할당 불가

---

실무 기준

기본적으로 const
→ 재할당 필요하면 let
→ var는 쓰지 않는다