'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を使うという欠点を解決することを学びました。すなわち、各反復が変数の異なる値を取り込むことを可能にする。上の私の最初の例のように、これは伝統的なforループで動作します。しかし、私がES6でfor..ofループ構造を使用すると、変数 'message'が関数クロージャの各反復でキャプチャされないことに驚いていました！どうしてこれなの？

Answer 1

問題は、あなたが.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(); 

Answer 2

は、私のJSシェルは非常に古くなって判明します。最新のSpiderMonkey 45に移行すると、期待どおりに動作します。