[Javascript] var , let , const 차이 (ES5, ES6)

var, let, const 는 변수선언 방식 중 하나이고, 각 기능이 살짝 다르기도 하고, 성능도 달라서 한 때 뜨거운 감자였던 적도 있다.

 

1. var

자바스크립트의 원조 변수선언 방식이다.

이렇게 기존의 name 이라는 변수를 선언해도, 재정의가 가능하다.

하지만 이는 치명적인 단점이 존재하는데 소스가 많아질수록 기존 변수의 존재를 잊어버리고 재정의를 해버리는 경우이다. 이 경우, 문제가 발생하면 찾기도 힘들고 예상치 못한 결함이 될 수 있다.

 

이러한 기존 자바스크립트의 여러 단점을 보완하기 위해 ES6가 등장했다.

ES6 란?

 ECMAScript2015와 동일한 용어이다.
 2015년은 ES5(2009년)이래로 진행한 첫 메이저 업데이트가 승인된 해이다. (ES5 이후 버전이라고 해서 사람들은 ES6라고 부르기도 한다.)
  Front-End Framework인 React, Angular, Vue에서 권고하는 언어 형식(ES6를 모른다고 해서 개발이 안되는건 아님, 그냥 권고사항일 뿐)
 ES5에 비해 문법이 간결해져서 익숙해지면 코딩을 매우 편하게 할 수 있다.

 

ES6에 포함되어 등장한게 바로 let 과 const이다.

 

2. let

한번 선언한 값에 대해서 다시 선언할 수 없다.

즉, var 에서 보았던 재정의가 불가능하지만 재할당은 가능하다.

 

3. const

한번 선언한 값에 대해서 변경할 수 없다. (상수개념)