호이스팅이란 무엇인가요?

호이스팅은 변수·함수의 선언이 자신이 속한 스코프의 최상단으로 끌어올려진 것처럼 동작하는 현상입니다. 실제로 코드가 이동하는 것은 아니고, 엔진이 실행 전에 스코프 내 선언을 먼저 등록하기 때문에 나타나는 동작입니다.

var와 함수 선언

var로 선언한 변수는 선언이 끌어올려지지만, 할당은 제자리에 남습니다. 그래서 선언 전에 접근하면 에러 없이 undefined가 나옵니다.

console.log(x); // undefined (에러 아님)
var x = 1;
console.log(x); // 1

함수 선언문은 함수 전체가 끌어올려져서 선언 전에 호출할 수 있습니다.

greet(); // '안녕' — 정상 동작
function greet() {
  return console.log('안녕');
}

반면 함수 표현식(const fn = function(){})은 변수 호이스팅 규칙을 따르므로 선언 전 호출 시 에러가 납니다.

let·const와 TDZ

let과 const도 호이스팅되지만, var와 달리 선언 이전 구간에서는 접근할 수 없습니다. 이 “선언 전 접근 금지” 구간을 TDZ(Temporal Dead Zone, 일시적 사각지대) 라고 합니다.

console.log(y); // ReferenceError: Cannot access 'y' before initialization
let y = 1;

즉 let/const는 스코프 시작부터 선언문에 도달하기 전까지 TDZ에 머물러, 접근하면 ReferenceError가 발생합니다. 이 덕분에 “선언 전에 실수로 쓰는” 버그를 막아줍니다.

정리

console.log(a);
console.log(b);
var a = 1;
let b = 2;