var let const

Goal

1. javascript에서 변수 선언 방법인 var let const의 차이점을 이해한다.

javascript의 변수 선언 방식

javascript의 변수 선언 방식에는
var let const가 존재한다. 이 방식들의 차이에 대해서 알아보도록 하자

var

var는 변수 선언에 있어 큰 단점이 존재한다.

console.log(number); // undefined

var number = 0;
console.log(number); // 0

var number = 10;
console.log(number); // 10

뭔가 이상하지 않은가?

같은 이름의 변수가 두 개 선언되어있음에도 오류가 발생하지 않는다.
심지어 선언이 되어있지 않음에도 undefined가 나올 뿐 오류는 없다.

이러한 유연함이 간단한 코드에서는 편리함으로 다가오지만
코드량이 많아지거나 조금만 복잡한 프로젝트에서는 문제를 야기할 수 있다.

이를 보안하기 위해 ES6 버전부터 생긴 변수 선언 방식이 바로 let과 const이다.

이 둘은 재선언이 불가능하다.

let

let은 ES6 버전부터 사용 가능한 javascript의 변수 선언 방식이다.

const와 대비되는 let의 특징은 바로 재할당이 가능하다는 것이다.

let number = 0;
console.log(number); // 0

number = 10;
console.log(number); // 10

const

const 또한 let과 마찬가지로 ES6 버전부터 사용 가능한 javascript의 변수 선언 방식이다.

let과 반대로 const는 재할당이 불가능하다.

const number = 0;
console.log(number); // 0

number = 10; // error!
console.log(number); // 위에서 에러가 발생했기 때문에 출력 안됨

결론

var는 되도록 사용하지 말고
재할당이 필요한 변수는 let으로
재할당이 필요 없는 변수는 const로 선언하자
(헷갈리면 일단 const로 선언하고 오류나면 let으로 바꾸자...ㅋ)