如何監控for-loop？

Question

我想監視一個for循環每X毫秒的內容：

下面是一個例子，我希望看到進展的百分比每0.1秒時：

for (i = 0, max = 9007199254740992, timer = setInterval(function() {console.log(100*i/max);}, 100); i < max; i++) { 
    // something 
} 
clearInterval(timer); 

但它沒有做任何輸出。

我不想在我的循環中添加一個測試，以避免使用無用的計算時間。

Answer 1

由於Javascript的單線程特性，無論執行多長時間，您的setInterval()回調都不可能在for循環結束之前調用。

我建議以相反的方式來做：每N次迭代記錄已用時間。

var res = [], 
 
    ts = performance.now(); 
 

 
for(var i = 0, max = 1E6; i < max; i++) { 
 
    if(!(i % 10000)) { 
 
    res.push(performance.now() - ts); 
 
    } 
 
    // do something 
 
} 
 

 
console.log(res);

或者：

var res = [], 
 
    ts = performance.now(); 
 

 
for(var i = 0, iMax = 1E6; i < iMax; i += 10000) { 
 
    for(var j = i, jMax = Math.min(i + 10000, iMax); j < jMax; j++) { 
 
    // do something 
 
    } 
 
    res.push(performance.now() - ts); 
 
} 
 

 
console.log(res);

如果你真的想登錄實時，你必須得到控制後，各瀏覽器一批N次迭代。性能方面，這可能會產生重大影響。

var res = [], 
 
    ts = performance.now(); 
 

 
function processBatch(i, iMax, sz) { 
 
    for(var j = i, jMax = Math.min(i + sz, iMax); j < jMax; j++) { 
 
    // do something 
 
    } 
 
    console.log((j * 100/iMax) + '%', (performance.now() - ts).toFixed(2) + 'ms'); 
 

 
    if(j < iMax) { 
 
    setTimeout(function() { processBatch(j, iMax, sz); }, 0); 
 
    } 
 
} 
 

 
processBatch(0, 1E6, 10000);

編輯：這第三種方法顯著更新。以前的版本是錯誤的。