检查 JavaScript setTimeout 是否已触发

我希望能够通过 JavaScript 分派大量工作在浏览器中完成，从而使浏览器始终保持响应能力。

我尝试采取的方法是将工作分块，将每个块传递给一个函数，然后用一个函数排队setTimeout(func, 0) call.

我需要知道所有工作何时完成，因此我将返回的计时器 ID 存储在映射中 (id -> true|false)。在获得计时器 ID 后，此映射在下一个代码块中设置为 false，并且排队函数在完成时将映射设置为 true...当然，除非排队函数不知道其计时器 ID。

也许有更好/更简单的方法...或者一些关于如何根据需要操纵地图的建议？

我会将工作放入一个数组中进行排队，使用一个超时来处理队列，并在队列为空时调用回调。就像是：

var work = [...];

var run = function(work, callback) {
    setTimeout(function() {
        if(work.length > 0) {
            process(work.shift());
            setTimeout(arguments.callee, 25);
        }
        else {
            callback();
        }
    }, 25);
};

run(work, function() {
    alert('Work is done!');
});

由于浏览器中的 JavaScript 是单线程的，因此运行多个超时并没有真正的优势（至少我认为这就是你正在做的事情）。它甚至可能会减慢浏览器的速度。