📚 Reference

• 참고 자료 1

📜 Chapter

TDZ (Temporal Dead Zone)

• TDZ
• Temporal Dead Zone
• TDZ는 const, let, class 구문의 유효성에 영향을 미치는 중요한 개념이다. TDZ는 선언 전에 변수를 사용하는 것을 허용하지 않는다.
• 반대로 var 변수는 선언 전에도 사용할 수 있기 때문에 var 사용은 피하는 것이 좋다.

예시

• const 변수 선언부터 시작해보자. 변수를 선언하고 초기화하면 변수에 접근할 수 있다. 예상한대로 동작한다.

const white = '#FFFFFF';

white; // => '#FFFFFF'

• 이번에는 선언 전에 white 변수에 접근해보도록 하겠다.

white; // throws `ReferenceError`
const white = '#FFFFFF';

white

• const white = '#FFFFFF' 구문 전 줄까지, white 변수는 TDZ에 있다.
• TDZ에 있는 white 변수에 접근하게 되면 , ReferenceError: Cannot access 'white' before initialization JavaScript 에러가 발생한다.