ES6-es2015 시작하기,let

ES6

• es6 === es2015
• 개선된 javascript 문법이다.
• es6 browser compatibility의 훌륭한 지원. (호환성이 훌륭하다)
• es6를 기반으로한 javascript 생태계의 확산.

https://kangax.github.io/compat-table/es6/ 지원되는 브라우저 확인 url

• babel을 통해 es5로 바꿀수 있다.

let

• es6전에서는 function단위의 scope만 존재했었음. 

함수단위이므로 아래는 지역변수값을 먼저 체크하고, 그다음은 전역변수를 체크한다.

var name = "global var";
​
function home() {
  var homevar = "homevar";
  for(var i=0;i<100;i++){}
  console.log(i);
}
​
home();

결과 값은 100이다.

아래는 let을 사용했을때이다.

var name = "global var";
​
function home() {
  var homevar = "homevar";
  for(let i=0;i<100;i++){}
  console.log(i);
}
​
home();

결과값은 오류가 나온다. -> 블록단위 변수 이므로 (for문안에서만)