如何监控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);

编辑：这第三种方法显著更新。以前的版本是错误的。