[JS] var, let, const 차이

1. var (재선언 O, 재할당 O)

var temp = "hello";
console.log(temp); // hello

var temp = "bye";
console.log(temp); // bye

var을 사용해서 같은 이름의 변수를 선언해서 각각 출력했을 때,

에러 없이 각각 다른 값이 출력되는 것을 확인 할 수 있다.

 

에러 없이 변수의 중복 선언과 값을 재할당해서 사용할 수 있지만,

코드량이 많거나 프로젝트에서 기존에 선언한 변수의 존재를 잊고 값을 재할당하는 등의 문제가 발생할 수 있다.

---

2. let (재선언 X, 재할당 O)

let temp = "hello";
console.log(temp); // hello

temp = "hi";
console.log(temp); // hi

let temp = "bye"; // Uncaught SyntaxError : Identifier 'temp' has already been declared
console.log(temp);

let은 변수의 재할당은 가능하지만 재선언은 불가능하다.

 

---

3. const (재선언 X, 재할당 X)

const temp = "hello";
console.log(temp); // hello

temp = "hi"; // Uncaught TypeError : Assignment to constant variable.
console.log(temp); 

const temp = "bye"; // Uncaught SyntaxError: Identifier 'temp' has already been declared
console.log(temp);

const는 상수(constant)이다. 재할당, 재선언이 불가능 하다.

한 번만 선언 할 수 있고, 값을 재할당을 통해 바꿀 수도 없다. 

---

변수를 사용 할 때 const를 기본적으로 사용하자. 의도치 않은 재할당, 재선언을 방지해 주기 때문이다. 

재할당이 필요하면 let

재선언이 필요하면 var을 사용하면 된다.