函数调用另一个函数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); 
    }