第二讲：let的使用

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

块级作用域

JavaScript 使用大括号，将多个相关的语句组合在一起，称为“区块”（block）。

对于var命令来说，JavaScript 的区块不构成单独的作用域（scope）。但对于let 来说，let声明的变量只在它所在的代码块有效。

    if (true) {
        var a = 1
        let b = 2
    }

    console.log(a)  //输出1
    console.log(b)  //报错

    var arr = [1, 2, 3, 4, 5]
    for (let i = 0, len = arr.length; i < len; i++) {
        console.log(i)  //依次输出0,1,2,3,4
    }

    console.log(i) //报错

 块级作用域的好处是防止变量全局污染，在满足需求的情况下，变量的作用域越小越好。

不存在变量提升

var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。

为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

    console.log(a) //报错
    let a = 3

    function show() {
        console.log(b) //报错
        let b = 5
    }

暂时性死区(temporal dead zone，简称 TDZ）

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 

    let tmp = 123;

    if (true) {
        tmp = 'abc'; //报错，因为区块内声明了tmp，tmp就是局部变量，但let又不能提升变量
        let tmp;
    }

不允许重复声明变量

    var a = 1
    var a = 2 //重复声明,不报错

    let b = 3
    let b = 5 //重复声明,报错

 当 let 和 var 遇上for循环

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

 上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，而循环内被赋给数组a的函数内部的console.log(i)，里面的i指向的就是全局的i。也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是 10。

计算器换成let 声明

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

 上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。你可能会问，如果每一轮循环的变量i都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

 另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

        for (let i = 0; i < 3; i++) {
            let i = 'abc'; //循环体内的i和圆括号内i是两个不同的变量
            console.log(i); //输出abc
        }