基本语法

和var关键字用法基本一致。

javascript">    let a = 10;

    let fn = function () {
        console.log('hello')
    }

    fn();
    console.log(a);

与var的区别

• var关键字会将变量挂载到window对象上，无块级作用域，有变量提升。
• let关键字不会将变量挂载到window对象上，有独立的块级作用域，无变量提升。
• let具有暂时性死区的特性。

举例说明：

javascript">    for (var i = 0; i < 5; i++) {
        console.log(i);
    }

    alert(i);//5

不会报错。

javascript">    for (let i = 0; i < 5; i++) {
        console.log(i);
    }

    alert(i);//i is not defined

报错了。循环变量i在结束循环后，理应被立即销毁，但是使用var关键字声明的i却会一直存在，不符合我们的期望。推荐使用let定义循环变量。

javascript">    if (true) {
        var num = 10;
    }

    console.log(num);//10

用var定义在if语句中的局部变量，在外部也能访问到，这在大部分情况下不是我们期望的。推荐使用let定义局部变量。

再看一下这段代码：

javascript">    var arr = [];

    for (var i = 0; i < 3; i++) {
        arr[i] = function () {
            console.log(i);
        }
    }

    arr[0]();//3
    arr[1]();//3
    arr[2]();//3

这段代码中，每次循环都会给数组返回一个函数，这个函数会输出i。但是，它们不会如我们所愿，输出对应的索引值，它们都会输出循环结束后的i的值，即为3。

因为，数组中的3个函数中用到的i变量均为一个，那就是这个循环变量i的引用，循环并没有为它们3个单独创建3个i变量。

javascript">    var arr = [];

    for (let i = 0; i < 3; i++) {
        arr[i] = function () {
            console.log(i);
        }
    }

    arr[0]();//0
    arr[1]();//1
    arr[2]();//2

但是如果使let循环变量，结果则截然不同。这三个函数会如愿输出索引值。

因为let关键字有独立的块级作用域，循环会为三个函数分别创建三个i的副本。

暂时性死区

javascript">    var num = 3;

    if (true) {
        console.log(num);//报错，未定义
        let num = 20;
    }

在局部作用域中，如果使用let定义变量，那么这个变量不会受同名全局变量的影响。也就是说，上面代码中，执行到console.log(num)时，会先找if局部作用域的num,找不到的情况下会查找全局作用域，但是这个局部作用域用let定义了一个num，则在找不到num时，不会查找全局作用域，故报错。

总结

let的出现，使得JS语言变得更加严谨，安全，合理。