ECMAScript 2020이 밝았다

자바스크립트는 변수가 선언 될 때 호이스팅이 발생해 스코프의 가장 위로 올라가게 된다. 그리고 많은 사람들이 let, const는 호이스팅이 일어나지 않는다고 알고 있지만 사실과는 약간 다르다. TDZ의 개념과 함께 정리해보자.

실행 컨테스트는 쉽게 말해 코드가 실행되고 있는 범위로 global, eval, function 만날 때 생성 된다. 각각의 실행 컨텍스트는 stack구조로 쌓이게 되고 마지막에 global code의 실행이 끝나면 프로그램이 종료된다.

“​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​Closures are nothing but FUNCTIONS WITH PRESERVED DATA”

모든 변수는 호이스팅 된다. 즉, 모든 변수는 어디에서 할당하고, 초기화 하든 스코프의 가장 위에서 선언된다.

예시로 살펴보자.

A variable’s scope is the context in which the variable exists. The scope specifies from where you can access a variable and whether you have access to the variable in that context.