函數調用另一個函數javascript

Question

我有2個函數。 First包含Jquery-UI對話框，並從Second函數調用。喜歡的東西：

function First() { 
    $('div').dialog({ 
     buttons: { 
      "Ok": function() { /* code */ 
      } 
     } 
    }); 
} 

function Second() { 
    First(); 
    /* rest of this function code is depend upon the "Ok button" 
     function code */ 
} 

現在我的問題是，調用函數First後腳本的執行不會等待dialog's Ok button press。我該怎麼做，所以只有在按下Ok button之後，控制才能從功能First返回？

Answer 1

從函數Second中調用First後的部分變成第二個函數（這裏叫做SecondOkHandler）。呼叫First一個新的參數（這個回調函數），並在功能上First「OK」稱之爲：

function First(okCallback) { 
    $('div').dialog({ 
     buttons : { 
      "Ok" : okCallback 
     } 
    }); 
} 

function Second() { 
    First(SecondOkHandler); 
} 

function SecondOkHandler() { 
    /* rest of this function code is depend upon the "Ok button" function code */ 
} 

另見this example。

=== UPDATE ===

爲了使它更復雜，這裏a link to an example更多的回調。

Answer 2

這是因爲您已經給出了括號First()，只要解析器遇到該行，就會立即調用該函數。

您可以使用2種Javascript方法之一調用函數apply或call。通過使用這個函數，你的函數一旦遇到就不會執行。

看看這個參考http://odetocode.com/blogs/scott/archive/2007/07/05/function-apply-and-function-call-in-javascript.aspx

嘗試使用這個，讓我知道，如果它不能正常工作。

Answer 3

function First(waitTillOk) { 
     $('div').dialog({ 
      buttons: { 
       "Ok": function() { 
         /* code */ 
         if(typeof waitTillOk == "function"){ 
         waitTillOk(); 
         } 
       } 
      } 
     }); 
    } 

    function Second() { 
     var waitTillOk = function(){ 
     /* rest of this function code is depend upon the "Ok button" 
      function code */ 
    } 
    First(waitTilOk); 
    }