javascript - es6的let，是否让语句块“{}”有了自己的执行环境和变量对象？

Question

    let temp = 'global' , out = 'out';
    { 
        let temp = 'local' ,inner = 'in';

        console.log(inner); // in
        console.info(temp); // local
        console.log(out); // out
    }
    console.info(temp); // global
    console.log(inner); // 报错ReferenceError: inner is not defined

请问，如果在1个语句块“{}”中使用let声明变量，那么这个语句块是否有自己的执行环境和变量对象。

Answer 1

let的定义是声明一个块级局部变量，不是让语句块有了自己的执行环境和变量对象，而是定义了一种变量，它的执行环境、作用域是块级的，只在当前的块级内有效（由ES6语法定义）。在一些语言中语句块本来就是执行环境的一种，只不过在之前JS中，不存在块级作用域，只是划分为局部作用域和全局作用域，ES6添加了块级作用域这种方法，并且不影响var的使用。

------更新-----

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

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

第二个例子中
依然使用了let 声明i,但在函数中引用的是一个var声明的j,匿名函数调用时，已经不具有块级作用域了。
说明这个块级作用域只是使用let声明的 i具有的，用let声明的变量，使得这个变量所在最近的一对{}成为这个变量的执行环境，
而不是使得{}成为块级的执行环境，因为j也在这个{}中，但j并不具有块级作用域。

Answer 2

差不多是那样。但是一般的说法管这个叫块级作用域。

Answer 3

对，就是这个意思！

Answer 4

官方是建议let完全提到var的. 所以在需求允许的情况下尽量不用var. let不止有块级作用域,

• 不存在变量提升, 代码有问题直接报错, 而不是像var一样先定义暧昧的undefined使调试困难.

• 解决了循环中临时变量的指向问题

• 重新声明会报错, 防止了变量多重新声明后调试困难.(我是真有这经验, 浪费半天时间找逻辑错误, 其实变量覆盖了)