호이스팅에 대해서 설명해주세요

[klmhyeonwoo]

호이스팅에 대해서 설명해주세요.

@prgmr99, @klmhyeonwoo

[klmhyeonwoo]

호이스팅은 자바스크립트 엔진이 실행 전에 실행 컨텍스트를 생성하면서, 변수 · 함수 선언을 스코프에 등록하는 과정을 의미한다.
그 과정에서 선언 · 초기화 · 할당의 과정들을 거치며 해당 스코프의 최상단으로 끌어올려지는 것처럼 보이는 현상을 의미한다.

var > undefined
let, const > TDZ
함수 선언문 > 함수 전체가 호이스팅

[prgmr99]

실행 컨텍스트라는 개념이랑 연관이 있었다는 사실..을! 다시 한 번 깨닫고 갑니다 👍

[prgmr99]

호이스팅은 자바스크립트 엔진이 코드를 실행하기 전,
선언문을 해당 스코프의 최상단으로 끌어올리는 것처럼 동작하는 현상을 말합니다.

var은 선언과 초기화가 동시에 발생합니다.
반면, let, const는 선언만 발생하고 초기화는 나중에 진행됩니다.

또한 함수 선언문(function fn() {...})은 함수 전체가 호이스팅되어, 선언 전에도 함수를 호출할 수 있습니다.
함수 표현식(const fn = function() {...}/화살표 함수)은 변수 호이스팅과 동일하게 동작합니다.
만약 const로 선언했다면 선언 전 호출 시 에러가 발생합니다.