'For' 和 'For-of' 循环中的块范围变量

Question

// Prints
// Meow!
// I'm a talking cat!
// Callbacks are fun!

function go() {
   const messages = ["Meow!", "I'm a talking cat!", "Callbacks are fun!"];
   let msg = [];
   for (let i = 0; i < messages.length; i++) {
      msg.push(function () {
          print(messages[i]);
      });
   }
   for (let fct of msg ) {
      fct();
   }
}
go();

// Prints
// Callbacks are fun!
// Callbacks are fun!
// Callbacks are fun!

function go() {
   const messages = ["Meow!", "I'm a talking cat!", "Callbacks are fun!"];
   let msg = [];
   for (let message of messages) {
      msg.push(function () {
          print(message);
      });
   }
   for (let fct of msg ) {
      fct();
   }
}
go();

我了解到 let 使变量具有块作用域并解决了使用 var 声明变量的缺点。即 let 允许每次迭代为变量捕获不同的值。正如我上面的第一个示例所示，这适用于传统的 for 循环。然而，令我惊讶的是，如果我在 ES6 中使用 for..of 循环结构，函数闭包中的每次迭代都不会捕获变量“消息”！这是为什么呢？

Answer 1

原来我的 JS shell 已经过时了。当迁移到最新的 SpiderMonkey 45 时，它按预期工作。

Answer 2

我认为问题在于您如何使用 .push() 方法。 试试下面的代码，它将使用任一语法正确地控制台记录您的数组。

在这种情况下， var 和 let 都会有相同的结果。 您声明的所有变量将仅在它们声明的函数内具有作用域。

function go() {
 const messages = ["Meow!", "I'm a talking cat!", "Callbacks are fun!"];
 let msg = [];
 for (let i = 0; i < messages.length; i++) {
    msg.push(messages[i]);
    };

 for (let fct of msg ) {
    console.log('for',fct);
 };
};
go();

function go2() {
 const messages = ["Meow!", "I'm a talking cat!", "Callbacks are fun!"];
 let msg = [];
 for (let message of messages) {
    msg.push(message);
 };
 for (let fct of msg ) {
    console.log('for-of', fct);
 };
};

go2();