javascript - ES6 for 循环中 const 的内部原理

Question

我感兴趣 for 循环在 ES6 中如何在幕后运行。

这是基本示例

var funcs = [];
for (let i = 0; i < 5; i++) {
    funcs.push(function () {
        console.log(i);
    });
};

每个函数都会获得正确的 i 值(从 0 到 4)的原因是因为 let 创建了 5 个新作用域，并且函数绑定(bind)到它们相应的作用域。这就是我的想法，这对我来说最有意义。如果是这种情况，那么 const 声明 (i) 失败的原因就没有意义了，因为它应该创建 5 个新作用域，并且 const 变量可以在不同的作用域中愉快地生存。在 let 之前我们已经使用 IIFE 来达到相同的效果，但是该代码所做的是它基本上为函数创建了新的作用域，我认为 let 在幕后做了同样的事情。

如果上述陈述不正确，那么一定是 let inside for 循环仅创建了一个范围，但我不明白这与 var 声明有何不同以及函数如何获得正确的 i 值。为了更清楚地说明这一点，我们假设 let 绑定(bind)到一个由 for 循环创建的新作用域，并且 var 声明在本例中被提升到全局作用域，但这仍然是一个需要使用的作用域。

有人可以分享一些关于这个主题的信息吗？

Answer 1

The reason each function will get proper i value (from 0 to 4) is because let is creating 5 new scopes and functions are bound to their corresponding scope.

是的，这就是发生的事情。请参阅Explanation of `let` and block scoping with for loops详细信息(实际上有 6 个范围)。

If that is the case then it doesnt make sense why const declaration (i) is failing since it should be creating 5 new scopes and const variables can live happily in different scopes.

您在这里的错误假设是 const 与 let 的工作方式相同。是的，在循环体求值中完全有可能创建 5 个 const。但这对于像这样的循环没有意义

for (const i=0; i<5; i++) {
    console.log(i);
}

这会导致类型错误:分配给常量变量 - 您无法增加const。因此，您不应该在 for 循环中使用它(请注意，for...in 和 for...of 循环又不同了)。

好的，可以写类似的东西

let i=0; for (const j=i; i<5; i++) …

并期望它能够工作并在主体中获得 5 个不同的 const j 变量。但这也不是发生的事情，因为这是一种非常奇怪的写法。如果您希望在每次循环迭代中使用 const 声明，最好明确地编写它:

for (let i=0; i<5; i++) {
    const j=i;
    …
}

它干净、清晰，并且实际上达到了您上面的预期。

以下示例显示了 for 循环中的 const 声明的实际用途:

for (const iterator = {…}; iterator.hasNext(); iterator.step()) {
    … iterator.getValue() …
}

如果我们检查the spec ，这实际上具有相同的效果

{
    const iterator = {…};
    for (; iterator.hasNext(); iterator.step()) {
        … iterator.getValue() …
    }
}

这意味着constant在循环头部声明一次。在每次迭代中重新声明它是没有意义的，毕竟它的值无论如何都是恒定的。