[JS] 변수 선언 방식 (var, let, const)

안녕하세요. 

이번 글에서는 JS(자바스크립트)에서의

변수 선언 방식과 각각의 방식에 따른 차이를 알아보겠습니다. 

---

변수 선언 방식

 

변수 선언 방식의 종류는 제목에 언급한 듯이

var, let, const가 있습니다. 

 

이 세 가지는 같은 기능을 하는 것 같지만 

조금씩 다른 기능을 하고 있습니다. 

---

1. var

 

- var는 원도 변수 선언 방식으로, 이미 선언한 변수에 대해 중복 선언이 가능합니다. 

그리고 마지막에 할당된 값이 최종 변수에 저장됩니다. 

- 변수를 유연하게 사용할 수 있지만, 기존에 선언해둔 변수의 존재를 잊고 

재선언 하는 경우 문제가 발생할 수 있습니다. 

- 특히 간단한 코드가 아닌 길고 복잡한 코드에서 같은 이름의 변수가 여러번 선언되어

사용되면 어떤 부분에서 값이 변경되고 문제가 발생하는지 파악하기 힘듭니다.

 

var title = 'book';
console.log(title); // book

var title = 'movie';
console.log(title); //movie

title = 'music';
console.log(title);//music

예제코드는 위와 같습니다. 

---

2. let

 

- let은 var와 달리 중복 선언 시, 이미 선언되었다는 에러 메시지가 출력됩니다.

- 하지만 변수에 값을 재할당하는 것은 가능합니다. 

 

let title = 'book';
console.log(title); // book

let title = 'movie';
console.log(title); // Error

title = 'music';
console.log(title);//music

---

3. const

 

- const와 let의 차이점은 재할당 여부입니다. 

- const는 중복 선언과 재할당이 모두 불가합니다. 

 

const title = 'book';
console.log(title); // book

const title = 'movie'; // Error
console.log(title); 

title = 'music'; // Error
console.log(title);

---

그래서, 뭘 쓰는게 좋을까?

재할당이 필요없는 상수과 객체에는 기본적으로 const를 사용하는 것이 좋습니다. 

의도치 않은 재할당을 방지해주기 때문에 안전합니다. 

단, 재할당이 필요한 경우 한정적으로 let을 사용하는 것이 좋습니다.