ES6基础（一）——var let const的用法

var let const的用法
其中const声明一个只读的常量。一旦声明，常量的值就不能改变。ES6 新增了let命令，用法类似于var。三者对比如下：

• const声明的变量不能再次赋值，let var可以重复赋值
• var 可重复声明，const let不能
• var存在变量提升，const let不存在

{
  let a = 10;
  //let a = 5;//SyntaxError: Identifier 'a' has already been declared
  const PI = 8;
  //PI = 3;// TypeError: Assignment to constant variable.
  var c = 6;
  var c = 8;
}
//console.log(a);//ReferenceError: a is not defined
//console.log(b);//ReferenceError: b is not defined
console.log(c);//6

const用法比较简单，这里不做过多的讨论！下面重点用几个例子对比var和let的区别：

for (var index = 0; index < 3; index++) {
  setTimeout(function (){
    console.log(index);//3 3 3
  }, 10)
 }
 console.log(index)// 3

上面代码中，var是在全局范围内都有效，所以全局只有一个变量index。而setTimeout执行的时候for循环已经结束，此时的index已经是3，所以打印出来都是3！若将setTimeout函数换成即时执行的函数，执行结果如下：

for (var index = 0; index < 3; index++) {
  function run() {
    console.log(index);0 1 2
  }
  run();
}
console.log(index)// 3

---

for (let index = 0; index < 3; index++) {
  setTimeout(function (){
    console.log(index);//0,1,2
  }, 10)
}
console.log(index)// ReferenceError: index is not defined

let是声明在for循环的内部的，每一次循环的index其实都是一个新的变量。同时for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。每次for循环都建立如下block：

{
 let index = 0;
    {
       setTimeout(function (){
         console.log(index);
       }, 10)
    }
}

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);//abc abc abc
}
//上面这段代码每次循环就相当于
{
 let i= 0;
    {
      let i = 'abc';
      console.log(i);
    }
}

所以 for(const index of array) 之所以能执行，是因为每次循环就相当于在一个新的平行块级作用域下声明一个const index 互不影响； 而for (const i = 0; i < 3; i++)之所以不能执行，是因为每次循环在新产生的块级作用域内同时执行了 i++，而const声明的常量不允许改变，所以报错！

再来一组对比：

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {//非即时执行（调用的时候才执行）
    console.log(i);
  };
}
a[6](); // 10  变量i全局有效 每次循环都会被赋予一个新值 所以最终i是最后一次循环被赋予的那个值

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6 因为i是块级变量 每次循环都会产生一个新的变量i 各循环之间的i互不影响

参考《ECMAScript 6 入门》！