변수 호이스팅

변수 호이스팅

자바스크립트 코드는 인터프리터(interpreter)에 의해 한 줄씩 순차적으로 실행된다.

console.log(name); // undefined
var name; // 변수 선언문

위의 예시 코드를 보면 순차적으로 실행될 경우 name의 변수 선언이 일어나지 않았기 때문에 참조에러가 발생해야 한다.
하지만, 에러가 발생하지 않고 undefined가 출력된다.

이러한 이유는 변수 선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임(runtime)이 아니라 그 이전 단계에서 먼저 실행되기 때문이다.

자바스크립트 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서 먼저 소스코드의 평가 과정을 거치면서 소스코드를 실행하기 위한 준비를 한다. 이때 소스코드 실행을 위한 준비단계인 소스코드의 평가 과정에서 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문(변수 선언문, 함수 선언문 등)을 소스코드에서 찾아내 먼저 실행한다. 그리고 소스코드의 평가 과정이 끝나면 비로소 변수 선언을 포함한 모든 선언문을 제외하고 소스코드를 한 줄씩 순차적으로 실행한다.

즉, 자바스크립트 엔진은 변수 선언이 소스코드의 어디에 있든 상관없이 다른 코드보다 먼저 실행된다. 이처럼 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅(variable hoisting) 이라 한다.

출처

모던 자바스크립트 Deep Dive - 저자 이웅모