js中的回調函數的理解和使用方法

一. 回調函數的作用

js代碼會至上而下一條線執行下去，但是有時候我們需要等到一個操作結束之後再進行下一個操作，這時候就需要用到回調函數。

二. 回調函數的解釋

因爲函數實際上是一種對象，它可以存儲在變量中，通過參數傳遞給另一個函數，在函數內部創建，從函數中返回結果值”，因爲函數是內置對象，我們可以將它作爲參數傳遞給另一個函數，到函數中執行，甚至執行後將它返回，它一直被“專業的程序員”看作是一種難懂的技術。

回調函數的英文解釋爲：

回調函數是一個作爲變量傳遞給另外一個函數的函數，它在主體函數執行完之後執行。

function A有一個參數function B，function B會在function A執行完成之後被調用執行。

三. 回調函數的使用方法

代碼如下：

 function a(callbackFunction){
   alert("這是parent函數a");
   var m =1;
   var n=3;
  return callbackFunction(m,n);
 }
 function b(m,n){
   alert("這是回調函數B");
   return m+n;
 }
 $(function(){
   var result = a(b);
   alert("result = "+ result);
 });

執行順序爲：

這是parent函數a

這是回調函數B

result = 4

函數首先執行了主題函數a，之後調用了回調函數b，最後返回函數a的返回值。

四.回調有同步回調和異步回調

function myLogicSync(callback){
    callback();//同步回調
}

function myLogicAsync(callback){
    setTimeout(function(){
        callback();//異步回調
    });
    
}