console.log(zero); // 에러가 아니라 undefined
sayWow(); // 정상적으로 wow
function sayWow() {
console.log("wow");
}
var zero = "zero";
함수 선언식일 때는 식 자체가 통째로 끌어올려짐. 즉, 변수 선언 및 함수 선언 전부 끌어올려짐.
sayWow(); // (3)
sayYeah(); // (5) 여기서 대입되기 전에 호출해서 에러
var sayYeah = function() {
// (1) 선언 (6) 대입
console.log("yeah");
};
function sayWow() {
// (2) 선언과 동시에 초기화(호이스팅)
console.log("wow"); // (4)
}
'전역 컨텍스트': {
변수객체: {
arguments: null,
variable: [{ sayWow: Function }, 'sayYeah'],
},
scopeChain: ['전역 변수객체'],
this: window,
}
sayYeah를 실행하지 못함. 컨텍스트 생성 및 코드가 순차적으로 실행되는데 sayYeah는 값이 대입되기 전에 호출해서 에러 발생.
Q. 호이스팅이란? A. 호이스팅은 변수 선언하고 초기화 했을 때 선언부가 최상단으로 끌어올려지는 현상이다. 함수표현식이 아닌 함수 선언식일 때는 식 자체가 통쨰로 올라간다.
