ES6 let关键词

let

let是ES6定义的新关键词，用于声明变量，例如：

let a = 1
console.log(a) //1

let声明的变量不能重复声明，例如：

let a = 1 
let a = 2 //Identifier 'a' has already been declared

let也可以不用初始化，例如：

let a;
console.log(a)// undefined

let是块级作用域，可以解决for循环中变量泄露的问题，例如:

var arr = []

for(var i = 0; i < 10; i++) {
    arr.push(function() {console.log(i)})
}

arr.forEach(function(arr){
    arr() //打印10次10
})

上面为什么输出10次10呢？因为为变量 i 在循环的每次迭代中都被共享了，意味着循环内创建的那些函数都拥有对于同一变量的引用。在循环结束后，变量 i 的值会是 10 ，因此当 console.log(i) 被调用时，每次都打印出 10 。

现在用let改写这个例子：

var arr = []

for(let i = 0; i < 10; i++) {
    arr.push(function() {console.log(i)})
}

arr.forEach(function(arr){
    arr() //0-9
})

为什么let可以解决这个问题呢？因为在每次迭代中，let都会创建一个新的同名变量并对其进行初始化。在循环中 let 声明每次都创建了一个新的 i 变量，因此在循环内部创建的函数获得了各自的 i 副本，而每个 i 副本的值都在每次循环迭代声明变量的时候被确定了。