jquery synchronous functions

Question

別の関数が完了した後に関数を実行する方法はありますか？たとえば、次のようになります。

doSomethingElese（）はdoSomethingが完了した後にのみ実行します。これは可能ですか？

Answer 1

あなたdoSomething()機能は、あなたが、むしろそれがdoSomething()戻った直後に実行することよりもその非同期要求のためdoSomethingElse()コールバックを行うことになるでしょう（たとえば、Ajaxリクエストを行うと）非同期で何かをやっている場合。

Answer 2

は、明示的にそれ自体がこれを強制する方法はありません、しかし、1つのアイデアは、doSomethingの（）はdoSomethingElseは（）のパラメータとして受け入れるという値を返すことです。

retval = doSomething(); 
    doSomethingElse(retval); 

その方法は、少なくともあなたから誰かを防ぎますdoSomethingElse（）を呼び出して、必要な引数を少なくとも提供しなくても...もちろん、doSomething（）を呼び出すことからその引数を取得するかどうかは別の問題です。しかしこれはスタートです。

アイデアが完了しました。

Answer 3

実際には、jQueryで（少なくともある意味で）あなたが望むことができます。それは少しハッキーだと思うかもしれませんが、完璧に動作します。

他には使用しない要素をページに含めるだけです。例えばどこかの空のdiv。

<div id="syncFnHolder"></div> 

そして、+あなたの機能で私が書いrunMe機能をJSが含まれます。

function doSomething() { alert("First"); } 
function doSomethingElse() { alert("Second"); } 
function doSomethingElseThree() { alert("Third"); } 

function runMe(fn, selec) { 
    return function() { 
     fn(); 
     setTimeout(function() { 
      $(selec).dequeue("syncFnQueue"); 
     }, 1000); 
    } 
}; 

var selector = "#syncFnHolder"; 
//add three functions to a queue 
$(selector).queue("syncFnQueue", runMe(doSomething, selector)); 
$(selector).queue("syncFnQueue", runMe(doSomethingElse, selector)); 
$(selector).queue("syncFnQueue", runMe(doSomethingElseThree, selector)); 
//start first function in queue (FIFO) others are triggered automatically 
$(selector).dequeue("syncFnQueue"); 

これは、「第1」、「第2」、「第三」と言って、それらの間の1の距離で三のアラートを生成します。

遅延がないようにするには、setTimeoutを削除して、$(selec).dequeue("syncFnQueue");のままにしておきます。

パラメータにパラメータが必要な場合など。 doSomething(x,y,z)runMe関数をより良い部分にし、返された関数を別々に構築する必要があります。ここで確認するか、新しい質問を投稿してください。

javascript partial

Answer 4

の質問は少しあいまいです。

関数に非同期ビットがある場合は、コールバックを使用します。それが彼らのためのものです。

JavaScriptでアスペクト指向プログラミングを行う場合は、jQuery-aopをご覧ください。

Answer 5

あなたは、これを行うことができます....

function doSomething(callback) { 
    // code for do some thing 
    // now fire off the callback 
    if (typeof callback === 'function') { 
     callback(); 
    } 
} 

function doSomethingElse() { 
} 

doSomething(doSomethingElse);