ブラウザ間で "let"キーワードを使用した異なる変数スコープ

Question

ChromeとFirefoxで実行すると、次のコードが異なる動作を返します。

var obj = { 
 
    key: 'val', 
 
    key2: 'val' 
 
}; 
 

 
function x(b) { 
 
    setTimeout(b, 1000); 
 
} 
 

 
var keys = Object.keys(obj); 
 
for (let ki of keys) { 
 
    x(function() { 
 
    console.log(ki); // Prints key2 key2 in Firefox, key key2 in Chrome 
 
    }); 
 
}

なぜこれが起こっているのでしょうか？それはバグですか？正しい出力でなければならないのは、Chromeが返すもので、スペックを数えていますか？

Answer 1

私はそれがバグだと思います。あなたはバベルとjsBin上でそれを有効に実行してみることができ、あなたはFirefoxでChromeの動作を参照してください。

http://jsbin.com/nadikatari/edit?html,js,console,output

Firefoxはまだ聞かせて実装されていないようですね。この時点でES6を使用する場合は、実際にBabelを使用してES5に移動する必要があります。