异步计时器事件在 Firefox 4 中同步运行（“有问题”）？

Question

这是在 Firefox 4 (4.0.1) 中； Firefox 3 (Firefox 3.6.17)、IE 9 (9.0.8112.16421) 和 Chrome 11 (11.0.696.68) 中的警报顺序“按预期”。

预期的警报顺序为“Now”、“Wait-End(x)”、“End(x)”，其中 x 是相同的数字。

但是，观察到的顺序是“Now”、“End(0)”、“Wait-End(x)”。为什么setTimeout在while之后不异步运行？正如计数器所示，这似乎可能非常有问题。 这是以下测试用例的 jsfiddle：

function doLater(callback) {
    // if the timeout is larger than about 800ms it "works as expected"
    setTimeout(callback, 1)
    alert("Now")
}

var waiting = 0;
doLater(function () { alert("End(" + waiting + ")") })
var end = (+new Date) + 2000
while ((+new Date) < end) { waiting++ }
alert("Wait-End(" + waiting + ")")

如果计时器超时时间超过大约 800 毫秒，就会发生预期的行为。（100 毫秒和 500 毫秒的超时仍然表现出意外的顺序）。

这看起来真的像一个错误。

---

更新：这部分是海森堡的。以下内容按预期工作。 Firefox 4.0.1 中的 alert 似乎将处理待处理事件（何时关闭？）。 jsfiddle 和代码：

function doLater(callback) {
    setTimeout(callback, 1)
    console.log("Now")
}

var waiting = 0;
doLater(function () { console.log("End(" + waiting + ")") })
var end = (+new Date) + 2000
while ((+new Date) < end) { waiting++ }
console.log("Wait-End(" + waiting + ")")

有了这些新信息，Firefox 4 的警报行为仍然可以在适用的 Javascript / 中运行吗？事件模型规范？特别是，调用警报的代码仍然是“活动的”，但效果是它暂时被事件处理抢占。

Answer 1

你的脚本可以在我的 Firefox 3.6.17 中运行。

我做了一些搜索...看起来 Firefox 3 在处理警报时实际上停止了 JavaScript 线程。然而，其他同步操作（例如 XMLHttpRequest）使用了称为“事件循环”的东西，这显然不会阻止其他计时器的执行。

我的猜测是，Firefox 4 现在对 alert 所做的事情与 Firefox 3 对 XMLHttpRequest 所做的事情一样；它使用事件循环，因此计时器在警报“后面”运行。这似乎可以解释为什么它对我有用（在 FF3 中）但对你不起作用（在 FF4 中）。

FF3 信息来源。

Answer 2

我想说，您看到“预期”行为的唯一原因是，您在浏览器的计时器有机会触发回调之前，在 while 循环中引入了一个块。在您的 doLater 中，您已指示 JavaScript 引擎尽快执行 callback 函数。但是，您随后立即引入一条指令，该指令将占用大多数 JavaScript 引擎，因此回调必须等待。因此，FireFox 4 的 JavaScript 引擎在这种情况下必须比其他引擎快一些。