[ ES6 Script ] JS let 참조에러 과 TDZ (Temporal Dead Zone)

 

- let 참조 에러

 

 

let test = '1';
if(true){
	let test = '2';
    console.log(test);
};
console.log(test);

코드를 실행하면 위와 같은 결괏값을 출력합니다.

 

 

 

 

 

 

 

 

let test = '1';
if(true){
	console.log(test);
    let test = '2';
};
console.log(test);

코드를 위와같이 변경하면

 

 

위 와 같은 결과가 출력됩니다.

 

만약 호이스팅이 없었다면 3번째 test 를 출력하는 과정에서,

전역스코프의 값인 1 이 출력되었을겁니다.

 

 

하지만 블록스코프 안에 선언된 test(,4번라인 test)가 호이스팅 되어

해당 블록 스코프의 최상단에 test 변수가 선언되게 됩니다.

 

 

 

이때 let은 var와 다르게 변수가 초기화 되기 전에 접근하면 참조에러 (ReferenceError)가 발생합니다.

 

 

- TDZ 

let으로 선언된 변수가 초기화 하기전에 액세스 할 수 없는 구역을 Temporal Dead zone(TDZ) 라고합니다.

 

 

let test = '1';
if(true){
	// test 에 대한 TDZ 시작
	console.log(test);
    let test = '2'; // 선언문은 변수 test에 대한 tdz 종료
};
console.log(test);

위의 코드는 TDZ 예제코드입니다.

3번라인부터 5번라인까지 TDZ가 시작되고 종료되는 구간입니다.