Javascript：带有 setInterval 的后台任务的理想块大小？

Question

考虑一个通过 setTimeout / setInterval 定期执行后台任务的应用程序。一个函数调用应该完成的理想工作量是多少？

示例：

myTask = function() {
  for (var i=0; i<chunkSize; i++) { ...work... }
}

setInterval(myTask, period);

如果您增加 chunkSize （并且每次调用执行更多迭代），当然它会运行更长时间。这意味着，period 也必须增加，并且您可以减少调用该函数的频率。但我发现，尽管如此，块越大，完成的工作就越多。这可能是由于 setTimeout / setInterval 的开销造成的。

权衡是：较大的块大小使应用程序的反应性降低。这不仅涉及用户交互，还涉及其他间隔。因为只要函数正在运行其迭代，就不会触发其他间隔。因此，大块大小会使其他间隔不太准确，或者（在最坏的情况下）在某些浏览器中完全禁用它们，这样它们就不会再被调用。

如果您想

• 最大限度地完成工作量，
• 最大限度地减少对其他时间间隔的不良影响并保持准确，

实现这一目标的最佳方法是什么？如何确定合适的 chunkSize？或者我应该监视循环中的执行时间并在一定时间后中止？或者其他什么？

（顺便说一句，这是关于普通的旧 JavaScript，而不是 HTML5 WebWorkers）

Answer 1

如果可以的话，您应该使用 setTimeout 而不是 setInterval。无论上一个间隔的函数是否完成，setInterval 都会在 period 之后调用该函数。使用setTimeout，您可以确保函数在再次调用之前完成。

(function myTask() {
  for (var i=0; i<chunkSize; i++) { ...work... }
  setTimeout( myTask, period );
})();