JavaScript는 변수 선언시 var, let, const를 사용한다. var은 ES6 이전 변수를 선언할 때 사용했으며 let, const는 ES6 이후 변수를 선언할 때 사용한다.
3가지 변수의 차이점 중 변수의 선언을 알아보자.
변수의 선언
var은 변수 선언 시 값이 바뀔 수 있다는 단점이 있다.
var city = "Seoul"
console.log(city); // Seoul
var city = "New York"
console.log(city) // New York위 코드에서 city라는 같은 변수를 값을 다르게 2번 설정했음에도 에러가 나지 않고 각각의 값이 출력된다. 이는 짧은 코드에서는 문제가 없을지 모르지만 코드가 길어질 수록 값이 바뀔 우려가 커지고 해당 변수가 어디서 사용됐는지도 모르는 경우가 많아질 가능성이 커진다. 이 때문에 ES6 이후 부터는 위 단점을 보완하기 위해 let과 const가 추가되었다.
let과 const의 차이는 변수의 muteable 여부이다. muteable은 변수를 재할당, 재선언을 할 수 있다는 의미이며 이것이 가능한지에 따라 let, const를 정의할 수 있다.
let과 const의 차이는 변수의 muteable 여부이다. muteable은 변수를 재할당, 재선언을 할 수 있다는 의미이며 이것이 가능한지에 따라 let, const를 정의할 수 있다.
let의 경우는 재할당과 재선언이 가능하지만 const의 경우 한 번 설정하면 재할당 및 재선언이 불가능하다. const는 쉽게 상수로 생각하면 된다. 실제로 const의 줄임말은 constant로 상수라는 뜻이다.
이 외에도 변수의 범위와 호이스팅이 차이점에 포함되는데 이는 다른 포스팅에서 다뤄 보려고 한다.
