TDZ(Temporal Dead Zone)

tdz  일시적인 사각지대라는 뜻이다. 

사각지대는 스코프의 시작 지점과 초기화 시작 지점까지의 구간을 말한다.

 

javascript에서의 변수는 선언 , 초기화, 할당  3가지 단계를 걸쳐서 생성이 된다.

 

 

@ 선언 단계 : 변수를 실행 컨텍스트의 변수 객체에 등록하는 단계이다. 이 변수 객체는 스코프가 참조하는 대상이 된다.

 

@ 초기화 단계 : 실행 컨텍스트에 존재하는 변수 객체에 선언단계의 변수를 위한 메모리를 만드는 단계이다. 이 단계에서 할당되 메모리에는  undefined 로 초기화 된다.

 

@ 할당 단계 : 사용자가 undefined로 초기화된 메모리의 다른 값을 할당하는 단계이다.

 

 

var 변수 라이프사이클

 

var 키워드 변수는 변수 선언전에 선언 단계와 초기화 단계를 동시에 진행합니다.

그래서 javascript는 실행 컨텍스트 변수 객체의 변수를 등록하고 메모리를 undefined로 만들어 버립니다.

그렇기 때문에 변수를 선언하기 전에 호출을 해도 undefined로 호출이 되는 호이스팅이 발생하는 것 입니다.

 

let 변수 라이플사이클

 

let으로 선언된 변수는 var 키워드와는 다르게 선언단계와 초기화 단계가 분리되어서 진행이 된다.

그렇기 때문에 실행 컨텍스트에 변수를 등록했지만,

메모리가 할당이 되질 않아 접근할 수 없어 참조 에러(ReferenceError)가 발생하는 것이고,

이것을 보고 우리가 호이스팅이 되질 않는다 ~ 라고 오해할 수밖에 없었던 것이다.

 

TDZ는 스코프의 시작 지점부터 초기화 시작 지점까지의 구간을 말한다.

즉 let 또한 선언전, 실행 컨텍스트 변수 객체에 등록이 되어 호이스팅이 되지만,

이 TDZ 구간에 의해 메모리가 할당되지 않아 참조 에러를 발생하는 것이다.