外部待機クラスを使用してJavaScript関数の実行を一時停止する

Question

JavaScriptのコードを非常に読みやすくしながら別の関数を呼び出す前に、関数の実行を一時停止する方法を解明しようとしています。 、私はのsetTimeoutを使用する方法についての記事の数十を読んだ

function main_function(){ 
    function a(); 
    // wait for function a to finish - could take 1 second - could take 3 seconds 

    function b(); 
    // wait for function b to finish - don't know how long this will take 

    function c(); 
    // completed 
} 

他の機能、コールバックなどにリダイレクトしますが、実際に働いていた解決策を見つけることができませんでした：ここで私が何をしようとしています何の例です。 （ほとんどの場合、ちょうどそれぞれの関数がどれくらいの時間を取るか分からないので、実際には役に立たないcloneyなsetTimeout（）を使用します）。

私は最終的に "WaitThread.js"という小さなユーティリティを見つけました。これはまさに私がやる必要があるようで、後で読むと維持するのが簡単なように思えます。

しかし、私はそれを使用する方法を理解できません！ :)

誰も私にこのWaitThread.jsの使用方法の例を教えてもらえますか？または、少なくとも私は最初に終わるのを待っている間、次々に実行するjavascript関数を待つ読み込み可能な/エレガントな方法を提供しますか？

http://www.robertmayo.com/blog/2006/07/htmljavascript-wait-for-asynchronous.html

ありがとう：ここ

はWaitThread.jsページへのリンクです！

Answer 1

waitthread.jsの説明によれば、タイマーを使ってポーリングを行い、ある変数の値の変更を待っているだけです。

このタイプの問題のより典型的なデザインパターンは、コールバックを使用し、function aは、作業が完了したときにコールバックを呼び出し、function bを開始します。したがって、function aに関数を渡します。function aは、その作業が終了したときに呼び出されます。より完全なデザインパターンは通常、成功した終了と失敗した終了の両方のためのコールバックを持ち、出口からパラメータを渡すことさえできますが、私はあなたの詳細を知らないので、ここでモデル化しようとはしませんでした。多段階プロセスの場合、このようになります。

function main_function_step1() { 
    a(main_function_step2); 
} 

function main_function_step2() { 
    // execute code here that goes after function a, but before function b 
    b(main_function_step3); 
} 

function main_function_step3() { 
    // execute code here that goes after function b, but before function c 
    c(main_function_finish); 
} 

function main_function_finish() 
{ 
    // execute whatever code here to finish 
} 

より完全なソリューションを持つオブジェクトを渡します。我々は、bとcを機能し、それぞれが非同期関数が完了したときに呼び出される関数を引数として取るよう3つの非同期関数が存在することを前提としてい成功コールバックおよび失敗コールバックを返し、各関数に少なくとも1つのパラメータを提供し、結果またはエラー条件を返すことができます。その場合

、それは次のようになります。

function main_function_step1() { 
    function main_function_a_step1_fail(err) 
    { 
    // handle error in step 1 
    } 
    var o = {success: main_function_step2, fail: main_function_a_step1_fail}; 
    a(o); 
} 

function main_function_step2(data) { 
    // execute code here that goes after function a, but before function b 
    function main_function_a_step2_fail(err) 
    { 
    // handle error in step 2 
    } 
    var o = {success: main_function_step3, fail: main_function_a_step2_fail}; 
    b(o); 
} 

function main_function_step3(data) { 
    // execute code here that goes after function b, but before function c 
    function main_function_a_step3_fail(err) 
    { 
    // handle error in step 3 
    } 
    var o = {success: main_function_finish, fail: main_function_a_step3_fail}; 
    c(o); 
} 

function main_function_finish(data) 
{ 
    // execute whatever code here to finish 
} 

これは、コードに少し厄介ですが、それには、ポーリングまたはグローバル変数を必要としません。ステップ間で実行するコードがなく、それらの間のロジックがすべて同じ場合、データ構造内のすべてをパラメータ化し、データ構造から1つの項目を実行し、次のデータを渡すただ1つの関数ですべてのステップを実行できますコールバックなどの値。