[TIL] 일시적 사각지대 TDZ(Temporal Dead Zone)

💡 TIL 20230826 - 일시적 사각지대 TDZ(Temporal Dead Zone)

---

1. 일시적 사각지대(Temporal Dead Zone)이란?

TDZ 는 스코프의 시작 지점부터 초기화 시작 지점까지의 사각지대 구간을 의미한다. 즉, 선언 단계와 초기화 사이에 잠시 머물러있는 구간이다.

 

---

2. 변수 선언의 3단계

 

1) 선언 단계(Declaration phase)

변수를 실행 컨텍스트의 변수 객체에 등록한다. 스코프가 참조하는 대상

 

2) 초기화 단계(Initialization phase)

실행 컨텍스트에 존재하는 변수 객체에 선언 단계의 변수를 위한 메모리를 만든다. undefined로 초기화된다.

 

3) 할당 단계(Assignment phase)

사용자가 undefined로 초기화된 메모리에 다른 값을 할당한다.

 

 

---

3. var, let/const 변수의 라이프사이클

1) var의 라이프사이클

• var는 변수 선언 전에 선언 단계와 초기화 단계를 동시에 실행한다.
• 선언과 초기화가 동시에 실행되기 때문에 실행 컨텍스트 변수 객체를 등록하고 바로 그 메모리를 undefined로 초기화한다.
• 그래서 선언하기도 전에 undefined로 호출이 되는 호이스팅이 발생한다.

 

2) let/const의 라이프사이클

• let과 const는 var와는 다르게 선언단계와 초기화 단계가 따로 분리되어 실행된다.
• 그래서 선언과 초기화 단계 사이에서는 실행 컨텍스트에는 변수가 들어가있지만 메모리가 할당되지 않은 상태라 `ReferenceError`가 반환되는 것이다.

 

---

4. 결론

1. TDZ는 변수가 선언되고 초기화되기 사이의 사각지대이다.
2. var는 변수의 선언단계와 초기화단계가 동시에 실행되어 TDZ가 존재하지 않기 때문에 호이스팅이 일어나는 것이다.
3. 초기화 단계에 오면 TDZ 상태가 해제된다.