[ECMAScript6 / ES6] var, let, const 변수 선언 차이

ECMASCRIPT 란

자바스크립트 언어의 표준 규격을 뜻한다.

ES6는 자바스크립트 표준 규격 버전6 라는 의미를 가진다고 생각하면 된다.

 

ES6 이전에는 변수를 선언할 수 있는 키워드가 var 였으나,

let, const 가 추가되어 이를 사용하여 변수를 선언할 수 있다.

 

 

간단한 특징

var

- 변수 재선언 가능하기 때문에, 필요할 때마다 변수를 편리하게 사용할 수 있다는 장점이 있지만,

코드량이 많은 경우, 같은 이름의 변수명을 남용하게 된다면, 파악하기도 힘들고, 문제가 생길 수 있다.

 

let 

- 변수 재선언 불가능

- 변수 재할당 가능

 

let name = '변수 선언';

console.log(name);

 

name = '변수 재할당';

console.log(name);

 

let name = '변수 재선언'; // 에러 발생

console.log(name);

 

const

- 변수 재선언, 재할당 불가능

 

 

 

var / let / const 차이

 

1. 변수를 선언하기 전에 사용

var : 에러 발생 X

let / const : 에러 발생 O

 

2. 중복 선언

var : 에러 발생 X

let / const : 에러 발생 O

 

3. 초기 값 선언

var / let : 변수 선언 시 초기 값 할당 안 해도 됨

const : 변수 선언 시 반드시 초기 값 할당

 

4. 재할당 

var, let : 값을 재할당 가능

const : 재할당 불가능

(수정 불가능한 불변성을 말하는것이 아님, 배열과 오브젝트의 값을 변경 가능)