JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않습니다.
호이스팅을 설명할 땐 주로 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는" 것으로 말하곤 합니다. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있습니다. 다만 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야 변수가 초기화된 상태가 됨을 주의하세요.
https://developer.mozilla.org/ko/docs/Glossary/Hoisting
호이스팅
호이스팅이란 자바스크립트가 변수를 선언 전에 미리 메모리 공간에 할당하는 것을 말한다.
var로 변수를 선언할 경우 undefined로 변수를 초기화 하고, let과 const의 경우 변수를 초기화하지 않는다.
자바스크립트에서 var를 지양하고, let을 권하는 이유가 바로 이 호이스팅 때문이다.
var의 경우 선언 전에 var로 선언한 변수를 쓸 경우 undefined가 나오지만 let으로 선언한 변수의 경우 오류가 나온다.
console.log(num); // 호이스팅한 var 선언으로 인해 undefined 출력
var num; // 선언
num = 6; // 초기화console.log(num); // ReferenceError
let num; // 선언
num = 6; // 초기화