자바스크립트 호이스팅(Hoisting)

자바스크립트에서 var 키워드를 사용해서 변수를 선언하거나 함수를 선언하면 호이스팅 현상이 발생합니다. 호이스팅 현상은 변수에 값을 할당하지 않고 선언된 코드만을 최상단으로 옮겨주고 함수의 선언을 메모리에 미리 할당합니다.

 

호이스팅 현상

 

console.log(a); // undefined
console.log(b); // 에러
console.log(c); // 에러
var a = "a";
let b = "b";
const c = "c";

f(20);
function f(age) {
  console.log("제 나이는 " + age + "입니다."); // 제 나이는 20입니다.
}

 

var 키워드를 사용해서 변수를 선언하면 undefined 값이 초기화되지만 let, const 키워드를 사용해서 변수를 선언하면 변수에 값이 초기화가 안되기 때문에 에러가 발생합니다.