let和const关键字

ES6新增let关键字，用于声明变量，不同于var的是，let声明的变量只在let所在的代码块是有效的。

{
    let a = 1;
    var b = 2;
}
a // ReferenceError a is not defined
b // 2

let比较常见的场景是应用于声明for循环的计数器。

for (let i = 0; i < 10; i++) {
    // ...
}
console.log(i); // ReferenceError i is not defined

如果使用var，会出现以下问题

var a = [];
for (var i = 0; i < 10; i++) {
    a[i] = function() {
        console.log(i);
    }
}
a[6](); // 10

上面代码中i是var声明的，在全局范围内都有效，所以全局只有一个变量i。每次循环，变量i的值都会发生变化，导致运行时输出的是最后一轮的i值。
如果使用let，最后输出的是6。

var a = [];
for (let i = 0; i < 10; i++) {
    a[i] = function() {
        console.log(i);
    }
}

上述代码中变量i是let声明，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。如果每一轮循环的变量都是重新声明的，那它是怎么知道上一轮的值，从而计算本轮的值？这是因为JavaScript引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮的基础上进行计算。
另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。