[JavaScript] 호이스팅

🔹 1. 호이스팅의 기본 원리

• JS 엔진은 실행 전에 변수 선언과 함수 선언을 먼저 메모리에 올려둡니다.
• 그래서 코드에서 선언보다 사용이 앞서도 에러 없이 동작하는 경우가 있습니다.

---

🔹 2. 변수 호이스팅

var

• 선언만 호이스팅 되고, 초기화는 호이스팅되지 않음

 

console.log(a); // undefined var a = 10;

실제로 JS 엔진이 해석하는 방식:

 

var a; // 선언만 끌어올려짐 console.log(a); // undefined a = 10; // 할당은 그대로

---

let과 const

• 선언도 호이스팅은 되지만, TDZ(Temporal Dead Zone, 일시적 사각지대) 때문에 초기화 전에는 참조 불가 → ReferenceError 발생

 

console.log(b); // ❌ ReferenceError let b = 20; console.log(c); // ❌ ReferenceError const c = 30;

---

🔹 3. 함수 호이스팅

함수 선언문

• 함수 전체가 호이스팅 됨

 

sayHello(); // 정상 동작 function sayHello() { console.log("Hello"); }

함수 표현식

• 변수 호이스팅 규칙을 따름

 

sayHi(); // ❌ TypeError: sayHi is not a function var sayHi = function() { console.log("Hi"); };

→ var sayHi는 선언만 호이스팅, 값은 아직 할당되지 않았기 때문