[ES6] let, const 변수 선언

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까?
"ES5(ECMAScript 2009)"와 차이점을 분석해봅시다!

 

'let' 그리고 'const' 는 ES6에서 새롭게 등장한 '변수 선언 방식'입니다.

 

두 방식 모두 블록('{ ... }') 단위의 생명주기를 가지고 있습니다.

var x = 0;
// Here x is 0
{
  let x = 1;
  // Here x is 1
}
// Here x is 0

var x = 0;
// Here x is 0
{
  const x = 1;
  // Here x is 1
}
// Here x is 0

 

그렇다면, let과 const의 차이는 무엇일까요?

 

const 변수는 상수라는 점에서 차이가 있습니다. 여기서 상수란, 변하지 않는 데이터입니다.

 

 

코드를 유지보수 하면서 공통 코드에서 같이 사용하는 변수를 건들면 누가 변경한건지 찾기 어려울 겁니다.

 

허나, let과 const는 생명주기가 블록이기 때문에 글로벌 변수와 구분을 지을 수 있다는 점에서 유용하게 사용됩니다.

 

 

 

항상 확인 후 사용하셔야 합니다!!!

Browser Support for ES6

 

 

 

[출처] https://www.w3schools.com/js/js_es6.asp