如何监控for循环？

Question

我想每X毫秒监视一次for循环的内容:

这是一个例子,我希望每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);

编辑:第三种方法得到了显着更新.以前的版本是错误的.