[JavaScript] var을 쓰면 안되는 이유

var의 특징 (특징: 안좋음..)
var은 일반적인 코딩 방식과 어긋난다.
코드의 가독성과 유지보수성에 좋지 않다.
예전엔 var 변수를 사용했지만  최근에는 var을 사용하지 않는다.

따라서let(재할당이 필수로 필요한 경우), const(가능한 const를 사용!)를 대체해서 사용한다.

 

1️⃣ 변수 선언하는 키워드 없이 선언 & 할당이 가능하다.
따라서 선언인지, 재할당인지 구분하기 어렵다.

something = '🥝';
console.log(something);

 

2️⃣ 중복 선언이 가능하다.

이전에 선언했던게 덮어 씌워질 수 있어 버그나 에러 발생 가능성이 있다.

var myfruit = '🍌';
var myfruit = '🍌';
console.log(myfruit);

 

3️⃣ 블록 레벨 스코프 지원이 안된다.

블록 안에서 선언했는데 전역 변수와 동일해지는 대참사가 벌어진다.

let을 사용하면 블록 레벨 스코프 지원이 되므로, 외부에서 블록 내부로는 접근 불가능하니까 global로 선언된 '사과'가 출력된다.

var apple = '사과';
{
  var apple = '🍎';
  {
    var apple = '🍏';
  }
}
console.log(apple); // 🍏

 

4️⃣ 함수 레벨 스코프는 지원이 된다. (그나마 다행..(?))

function example() {
  var dog = '🦮';
}
console.log(dog); // 에러 발생