count는 외부에서 접근할 수 없습니다 — 오직 inc/get만 볼 수 있습니다. 이것이 클로저로 만든 **데이터 프라이버시(data privacy)**입니다. 그리고 makeCounter()를 호출할 때마다 새롭고 격리된 스코프가 생성됩니다.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // 3, 3, 3 출력 — 모두 하나의 `i`를 공유
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // 0, 1, 2 출력 — `let`은 반복마다 별개
}
var를 쓰면 모든 콜백이 같은 i를 클로저로 캡처합니다(실행될 시점에는 3이 됨). let은 반복마다 새로운 바인딩을 생성합니다.
클로저는 모듈 프라이버시, 메모이제이션(memoization), 커링(currying), 상태를 기억하는 이벤트 핸들러/콜백을 가능하게 하며, React 훅(useState)이 렌더링 간에 값을 유지하는 방식 그 자체입니다.