[JS] var의 단점은? / 변수와 호이스팅, TDZ(Temporal Dead Zone)

다음 영상을 보고 정리하고 살을 조금 붙였습니다.

출처: https://youtu.be/ocGc-AmWSnQ

 

변수와 호이스팅, TDZ(Temporal Dead Zone)

• 변수: let, const, var
• 호이스팅: 스코프 내부 어디서든 변수 선언은 취상위에 선언된 것 처럼 행동한다는 의미이다.

 

let

• 으로 만든 변수는 다시 선언할 수 없다.
• 이미 declared되었다는 SyntaxError가 감지된다.
• let도 호이스팅되지만, 에러가 난다. TDZ 때문이다.

• let , const는 TDZ의 영향을 받는다.
• 이 영역에 있는 변수는 사용할 수 없다.
• 이를 통해, 사람은 코드를 예측 가능하고 잠재적 에러를 줄일 수 있다.

 

var

• 선언전에 사용할 수 있다.
• 코드 하단에 var로 선언했더라고, 이미 선언된 것처럼 동작한다. 코드 상단으로 끌어올려져서 선언된 것과 같이 동작하는 "호이스팅(hoisting)"때문이다.

• 하지만 undefined이다.
• 선언은 호이스팅되지만, 할당은 호이스팅되지 않기 때문이다.

 

스코프

함수 스코프란?

• 함수 내에서 선언된 변수는 함수 내에서만 유효하며, 함수 밖에서 접근할 수 없다.
• 블록 내에서 사용 후에도 변수가 남아있기 때문에 문제가 발생할 수 있다.

블록 스코프란?

• 모든 블록 내에서 선언된 변수는 블록 내에서만 유효하며, 블록 밖에서 접근할 수 없다.
• 블록: function, if, for, while,try/catch 등

 

결론 ! 

var는 사용하지 않고, let과 const사용을 권장한다.

예측 가능한 결과를 내고 버그를 줄일 수 있기 때문이다.

 

호이스팅은 직관적이지 않으며, 프로그래머에게 혼란을 야기한다.

즉, 버그로 이어지기 쉽다.

 

바뀌지 않아야 할 속성도, 프로그래머의 실수로 재할당되어질 수 있기 때문에 사람의 실수를 방지하기 어렵다.

앞으로 쓰이지 않을 var!