[JS] 호이스팅과 TDZ

호이스팅

스코프 안에 있는 선언들을 스코프 최상단으로 끌어올리는 특성이다.
자바스크립트는 변수, 함수, 클래스 모두에 대해 호이스팅이 발생한다. 
하지만 TDZ라는 것에 의해 조금씩 다르게 동작한다.
 

TDZ(Temporal Dead Zone)

선언 전에 사용하는 것을 허용하지 않는 공간이다.
let, cosnt 변수와 클래스는 TDZ를 가지는데, 코드 시작점부터 최초 선언된 부분까지가 TDZ라고 보면 된다.
따라서 TDZ를 가진다는 것은, 호이스팅은 발생하지만 선언된 자리보다 먼저 사용할 수 없다는 것을 의미한다.

// ex 1)
console.log(str) 
let str = 'a' 
// const 선언도 동일한 결과
// Uncaught ReferenceError: Cannot access 'str' before initialization



// ex 1)
var p = new Person()
class Person { }
console.log(p)
// Uncaught ReferenceError: Cannot access 'Person' before initialization