호이스팅(hoisting)

코드를 실행하기 전에 내부에서 변수와 함수의 위치를 맨 위로 옮겨 선언하는 자바스크립트의 문법적인 기능

// [함수 선언식] 호이스팅(hoisting) 예시
fnSayHello1();
function fnSayHello1() {
    console.log('Hello, Ryan ^______^');
}

// [함수 표현식] 아래 코드는 'fnSayHello2 is not defined' 오류 발생
fnSayHello2();
const fnSayHello2 = function() {
    console.log('Hello, Ryan ^_____^');
};

// 결론: 함수 선언식은 호이스팅(hoisting)에 의해 정의 전에 호출을 해도 괜찮으나, 함수 표현식은 '선언 후 호출'이라는 순서를 엄격히 지켜야 함

출처: 구글, MS, 삼성이 주모하는 차세대 웹 기술 PWA, 프로그레시브 웹앱 만들기 – 김응석, 이지스퍼블릭

Hits: 57