ES6 변수선언 var, let, const 차이

오늘은 ES5 탈출기 첫번째
var퀴벌레 탈출기 입니다.

자바스크립트 변수 선언 방식은
var, let, const 3가지가 있습니다.

ES5에서는 var를 많이 썼는데
요새도 그러면 var퀴벌레 소리를 듣는 다더군요.

그래서 var, let, const의 차이를 알아보겠습니다.

var

var로 변수를 선언하면 window 객체에 전역으로 선언됩니다.

var apple = 1;
console.log(window.apple); 
>> 1

이는 다른 함수에서 동일한 이름의 변수를 사용 하면
변수의 값이 변경 될 수 있음을 의미 합니다.
에러도 많이날 뿐더러 디버깅이 어렵겠죠..

아래 코는 apple을 1이라고 선언 했는데
판매 함수에서 잘못 선언 한 탓에 apple이 2가 되었습니다.

var apple = 1;
function saleFruit(){
  apple = 2;
}

saleFruit()

console.log(apple);
>> 2

let

var의 문제를 개선하기 위해 let이 나왔습니다.
let은 지역으로 선언됩니다.
또한 같은 변수명에 let을 선언하게 되면 에러를 호출합니다.

let apple = 1;
let apple = 2; 
>> error

const

const는 상수로 변수 재선언 이나 재할당이 불가능 하다.
java에 final과 같은 거로 보면 될 것 같습니다.