[클린코드 자바스크립트] var를 지양하자(var, let, const)

var 대신 const를 사용하자!

 

var	함수 스코프
let, const	블록 단위 스코프

let, const 블록스코프에 대해서 TDZ(Temporal Dead Zone)이라는 속성을 가질 수 있는데,

이렇게 되면 안전하게 코드를 작성할 수 있다.

 

var로는 같은 변수명에 재할당, 재선언을 끊임없이 할 수 있다. (위험)

---

let과 const의 차이는 

let은 먼저 변수를 선언하고 언제든지 재할당할 수 있다.

예약어 const는 변수를 선언 후 바로 할당까지 해야한다. 변수를 한번 만들고 재할당 할 수가 없다.

---

var, let, const의 스코프 차이

---

 

예제1 : var는 함수단위, if문 블럭은 함수단위가 아니다. 블럭단위 스코프가 아닌 이상 블럭 밖까지 전역 변수처럼 활동하게 된다.

var global ='전역'

if(global==='전역')
{
  var global ='지역'
  console.log(global)
}
console.log(global)

출력결과

지역
지역

---

예제2-1 : if문 블럭 안에서 지역변수로서의 역할을 잘 수행하고 있다. 전역 공간에서 역시 전역 변수로서의 역할을 잘 수행한다. var 변수보다 보다 안전하게 프로그래머의 의도를 실현할 수 있다.

 

let global ='전역'

if(global==='전역')
{
  let global ='지역'
  console.log(global)
}
console.log(global)

예제 2-2 : 블럭이기만 해도 안전하게 의도를 수행한다.

let global ='전역'


{
  let global ='지역'
  console.log(global)
}
console.log(global)

예제 3 : const도 let과 마찬가지로 블록단위 스코프이므로 결과가 똑같이 나온다.

const global ='전역'
{
  const global ='지역'
  console.log(global)
}
console.log(global)

출력결과

지역
전역