setTimeout 函数和异步函数

Question

这是关于 setTimeout 如何执行其回调的。

我有以下

function f1 (argument) {
    console.log('f1 start');
    for(var i = 0; i < 100000; ++i)
        for(var j = 0; j < 10000; ++j);
    console.log('f1 complete');
}

function f2 (argument) {
    console.log('f2 start');
    for(var i = 0; i < 1000; ++i)
        for(var j = 0; j < 10000; ++j);
    console.log('f2 complete');
}

function f3 (argument) {
    console.log('f3 start');
    for(var i = 0; i < 10000; ++i)
        for(var j = 0; j < 10000; ++j);
    console.log('f3 complete');
}

setTimeout(f1,0);
setTimeout(f2,0);
setTimeout(f3,0);
console.log('In main2');

输出：

在main2中

f1 开始

f1 完成

f3 开始

f3 完成

f2 开始

f2 完成

John Resig 在他的article、setTimeout 中解释说，将所有回调排队，直到当前代码块完成执行。这个 StackOverflow answer 解释了即使看起来好像事件是立即触发的，但它们实际上是排队的。

您会注意到，在上面的代码中，f1() 是最长的，其次是 f3()，然后是 f2()。

我的问题是，为什么观察到的顺序（首先是f1，然后是f3，最后是f2）？如果事件被排队，它应该与它们被调用的顺序相同（f1,f2,f3）。 JavaScript 引擎如何以及为什么首先选择最长的作业？

[编辑] 注意：以上代码是在 Node.js 中运行的

Answer 1

我已经在 firebug 控制台中尝试了您的代码，并且我按照以下顺序得到了输出，我认为这符合预期。

在 main2 f1 开始 f1 完成 f2 开始 f2 完成 f3 开始 f3 完成

我正在使用 Firefox 12.0 和 Fedora。

Answer 2

不管“javascript引擎”问题（没有这样的东西，有language specification和不同的实现），因为它取决于（见another answer），如果你想确保你可能想要使用承诺一个特定的顺序。

在https://github.com/kriskowal/q查看Q库

或者这个 RSVP 库https://github.com/tildeio/rsvp.js

Promises/a+ 规范是 here

可用于节点和浏览器

我自己在节点 v0.10.21 上的测试（与 firefox 和 chromium 的控制台相同）：

~/workspace/tmp$ node test.js 
In main2
f1 start
f1 complete
f2 start
f2 complete
f3 start
f3 complete