JavaScript (6) - 호이스팅(Hoisting), 변수 선언의 실행 시점

👉 호이스팅 (Hoisting): 끌어 올리다. 게양하다.

호이스팅은 끌어 올린다는 뜻을 갖고 있다.
JavaScript 에서 호이스팅을 무엇을 의미할까?

 

우선 아래 코드를 살펴보자.

console.log(score); // 변수 참조
var score; // 변수 선언문

 

변수 선언문 보다 변수를 참조하는 코드가 앞에 있다.
자바스크립트는 인터프리터에 의해 한 줄씩 순차적으로 실행되므로 console.log 가 가장 먼저 실행될 것이다.
참조에러 ReferenceError 가 발생할 것으로 예상했지만, 

 

undefined가 출력된다.

그 이유는 변수 선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점 런타임 runtime이 아니라 그 이전 단계에서 먼저 실행되기 때문이다.
변수 선언은 소스코드의 어디에 있든 상관없이 다른 코드보다 가장 먼저 실행된다.

 

변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅(variable hoisting)이라 한다.
실제로 끌어올려진 것이 아니라 변수 선언을 가장 먼저 실행하기 때문에 마치 끌여올려진 것처럼 보인다.

 

 

출처: 이웅모, 모던자바스크립트 Deep Dive, 위키북스(2020), p42-43.