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

一. 回調函數的作用

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

二. 回調函數的解釋

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

回調函數的英文解釋為：

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

翻譯過來就是：回調函數是一個作為變數傳遞給另外一個函數的函數，它在主體函數執行完之後執行。

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

三. 回調函數的使用方法

代碼如下：

 1  function a(callbackFunction){
 2    alert("這是parent函數a");
 3    var m =1;
 4    var n=3;
 5   return callbackFunction(m,n);
 6  }
 7  function b(m,n){
 8    alert("這是回調函數B");
 9    return m+n;
10  }
11  $(function(){
12    var result = a(b);
13    alert("result = "+ result);
14  });

執行順序為：

這是parent函數a

這是回調函數B

result = 4

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