Javascriptで等しいタイムアウトが順番に実行されていますか？

Question

は私が

setTimeout(foo, 0); 

... 

setTimeout(bar, 0); 

を行うと仮定し、私は、fooはバーの前に実行を開始します確認することができますか？ 0の代わりに1、10、または100のタイムアウトをバーに使用するとどうなりますか？

単純な実験では、タイムアウト値が等しい場合、タイムアウトターゲットはsetTimeoutsと同じ順序で実行されますが、この動作に頼っても安全ですか？

Answer 1

要するに、カウントしないでください。 thisをご覧ください。

情報の多くは、消化するために、この 図にありますが、それを理解すること 完全にあなたの JavaScriptの実行がどのように動作するか、非同期のより良い 実現を与えるだろう。

Answer 2

遅れが実際に起こる可能性があり、OS、ブラウザ、ブラウザのアクティビティ、およびコンピュータの負荷に大きく依存します。私はそれ以下のものは何の差もないと思うので、20ms以下にならない傾向があります。

2つの遅延を同じにすると、必ずしもその順序で起こるとは限りません。

あなたはそれが順番に行われることを確実にしたい場合は、私はこのような何かをする傾向がある：

setTimeout(function() { 
    foo(); 
    setTimeout(bar, 20) 
}, 20); 

これは常に順序を保証します。

Firefoxを使用している場合は、JavaScriptが実際にマルチスレッド化されていることを確認するために、新しいブラウザではサポートされているがIEではサポートされていないWebWorkerを見たい場合があります。

Answer 3

私はFirefoxのソースコードを読んでいますが、少なくともそのブラウザでは、非減少順に指定されたタイムアウトの順序性が保証されています。さもなければ、すべての賭けはオフです。

具体的には、特定の実行コンテキストでnタイムアウトを設定し、次にmタイムアウトを設定した場合（n < = m）、タイムアウトが設定された順番でターゲットが実行されます。

しかし、私の言葉をそれに服用しないでください。私はウィンドウの実装がnsGlobalWindow.cppにあると信じています。実行キューにタイムアウトがどこに入るかを実際に決める方法はInsertTimeoutIntoListと呼ばれています。このメソッドは、指定されたタイムアウト以下の最初のタイムアウトを探してキューを逆方向にトラバースし、その後にタイムアウトを挿入するように見えます。

もちろん、タイムアウトが設定されると、現在の時計時刻がタイムアウト値に追加されます。これは、ターゲットが順番に実行されるためにタイムアウト値が非減少順になっている必要があるためです。

Answer 4

この動作に依存するのは安全ではありません。私は（彼らは順番にも多くの機能をスケジュールして）スケジュール多くの機能をテストスクリプトを書いたすべての使用のsetTimeout（...、0）、および関数が呼び出された順序はいつもと同じではありませんでしたsetTimeoutがと呼ばれた順序（少なくとも私がスクリプトの実行に使用したChrome 11では）。

http://jsfiddle.net/se9Jn/ （このスクリプトはブラウザ間の互換性のためにYUIを使用しますが、Y.laterは内部的にsetTimeoutを使用します）。

スクリプトを実行してコンソールを凝視しただけでは、問題の発注は見られないことに注意してください。しかし、スクリプトを起動して別のタブに切り替えていくつかのページを読み込んでテストページに戻ったら、コンソールに順不同のコールバックに関するエラーが表示されるはずです。

あなたは順序は保証が必要な場合は、私は前の関数の末尾に次の関数をスケジュール推薦：

setTimeout(foo, 0); 

... 

function foo() { 

    ... 

    setTimeout(bar, 0); 
} 

Answer 5

答えは：いいえ、実行順序は保証されません。私は時折、クロム40で非FIFO注文を見たことがあります。特に、タイムアウトが保留されている間にデバッガで一時停止すると、私も野生の珍しい目撃をしました - それは私が調査した事件の唯一のもっともらしい説明でした。

var queue = []; 
function handleQueue() { 
    queue.shift()(); 
} 
function queueCallback(callback) { 
    queue.push(callback); 
    setTimeout(handleQueue, 0); 
} 

さて、保証fooために、次のことができbar順：

queueCallback(foo); 
... 
queueCallback(bar);