就声明而言，Javascript for of 循环中的 let 和 const 之间没有区别吗？答案

【问题标题】：Is there no difference between let and const inside for of loop in Javascript in terms of declaration?就声明而言，Javascript for of 循环中的 let 和 const 之间没有区别吗？
【发布时间】：2020-01-25 20:24:28
【问题描述】：

我最近遇到了这段代码：

for (const temp of [1,2]) {
  // do something
}

我认为对temp 使用let 声明会更好，因为这样变量只会被声明一次。但是，我也通过 babel 运行了这个示例以及带有 let 的版本，这就是我所看到的：

for (const p of [1,2]) {

}

for (let s of [1,2]) {

}

成为：

for (var _i = 0, _arr = [1, 2]; _i < _arr.length; _i++) {
  var p = _arr[_i];
}

for (var _i2 = 0, _arr2 = [1, 2]; _i2 < _arr2.length; _i2++) {
  var s = _arr2[_i2];
}

所以 babel 对待 const 和 let 是一样的。我想知道 Javascript 运行时是否在引擎盖下同样对待这 2 个版本。这样的结论是即使在循环中使用let 声明了一个变量，它仍然会在每次迭代时重新声明？

【问题讨论】：

是的，let 和const 变量的作用域和生命周期是相同的，这通常被认为是一个特性。不要担心“重新声明”是性能问题；这是维护运行时的人的事（他们非常擅长）。

标签： javascript loops constants let for-of-loop

【解决方案1】：

我认为对 temp 使用 let 声明会更好，因为这样变量只会被声明一次。

无论哪种方式，每次循环迭代都会声明一个新版本；这对于解决闭包问题很重要：

const array = [1, 2, 3, 4];
for (const entry of array) {
    setTimeout(() => {
        console.log(entry);
    }, 0);
}

如果没有为每次循环迭代创建新变量，则会记录四次相同的值（可能是 4）。

选择let 或const 取决于：

您希望能够在循环中为其分配一个新值吗？
您的个人风格偏好（或您团队的偏好）。

我想知道 Javascript 运行时是否在后台同等对待这 2 个版本。

是的，除此之外，如果您愿意，您可以在循环中为 let 变量分配一个新值。¹例如：

const strings = ["a", "b", "c"];
for (let str of strings) {
    str = str.toUpperCase();
    console.log(str);
}

例如，唯一的区别是变量是否可变。

¹ 为免生疑问：分配给它的所有操作都是更改该变量的值。它对值来自的数组/可迭代对象没有影响。

【讨论】：