面试题：作用域、变量提升、块级作用域、函数作用域、暂存性死区、var和let的区别

<script>
    var a = 10;

    (function () {
        console.log(a)
        a = 5
        console.log(window.a)
        var a = 20;
        console.log(a)
    })()
</script>

上述代码：
        1、主要是涉及到变量提升和函数作用域，var a=20这行代码会在函数作用域中提升var a 至最顶部，并且值为undefined，所以第一个console输出为undefined；
        2、在最外层使用var 定义了一个变量a，此变量a会挂载到window对象上，所以第二个console输出的是10；
        3、第三个console输出为20；

<script>
    let a = 10;

    (function () {
        a = 5
        console.log(window.a)
        let a = 20;
        console.log(a)
    })()
</script>

上述代码：
        1、主要涉及块级作用域，其中a = 5会报错，因为在块级作用域中使用let声明变量，此作用域会成为暂存性死区，let声明的变量不会进行变量提升，所以直接使用a会报错；
        2、注释 a = 5这行报错代码后执行，第一个console会输出undefined，因为let声明的变量是不会挂载到window上成为window的属性的；
        3、第二个console会输出20，因为上边有定义a，并且赋值为20；
 

总结：
        1、var 是函数作用域，而 let 是块级作用域；
        2、在全局作用域中使用var定义变量，此变量会成为window的一个属性；而用 let 声明的变量不会成为window的属性；
        3、var 声明的变量会存在变量提升，而 let 声明的变量不会；
        4、var 可以重复声明，而 let 不行；
        5、只要块级作用域内存在let(或const)命令，它所声明的变量(或常量)就“绑定”在这个区域，不再受外部的影响；
        6、在代码块内，使用let(或const)命令声明变量之前，该变量(或常量)都是不可用的。这种现象就称为暂存死区；