速いtest1のテストよりも高速である理由

Question

'use strict' 
 

 
function test() { 
 
    let t = Date.now(); 
 
    let p = 0; 
 
    for (let i = 0; i < 100000000; i++) { 
 
    p += i % 2; 
 
    } 
 
    console.log(p) 
 
    console.log('test: ', Date.now() - t); 
 
} 
 

 
function test1() { 
 
    var t = Date.now(); 
 
    var p = 0; 
 
    for (var i = 0; i < 100000000; i++) { 
 
    p += i % 2; 
 
    } 
 
    console.log(p) 
 
    console.log('test1 : ', Date.now() - t); 
 
} 
 

 
test(); 
 
test1();

は、クロムで上記のコードを実行してみましょうよりも、なぜのvar宣言。 let 'faultまたはmy faultですか？

50000000 
test: 1146 

50000000 
test1 : 148 

Answer 1

forループでletキーワードをES6にJavaScriptで悪名高いclosure in a loop問題解決するために設計されていることを言及する価値があるかもしれません：

var log = msg => div.innerHTML += msg + "<br>"; 
 

 
for (var i=0; i < 3; i++) { 
 
    Promise.resolve().then(() => log(i)); // 3, 3, 3 
 
} 
 
for (let i=0; i < 3; i++) { 
 
    Promise.resolve().then(() => log(i)); // 0, 1, 2 
 
}

<div id="div"></div>

ように@ loganfsmythはコメントの中で言及していますが、これはループの繰り返しごとに新しいクロージャを効果的に作成することで行います。

これは、この機能が新しくなっていることから、Chromeで見られるパフォーマンスの違いの一部を説明している可能性があります。つまり、あなたの特定の例ではFirefoxに違いはないように見えるので、ブラウザはこれを最適化することが可能です。