在javascript中回調函數非常重要，它們幾乎無處不在。像其他更加傳統的編程語言都有回調函數概念，但是非常奇怪的是，完完整整談論回調函數的在線教程比較少，倒是有一堆關于call()和apply()函數的，或者有一些簡短的關于callback的使用示例。
函數也是對象
想弄明白回調函數，首先的清楚地明白函數的規則。在javascript中，函數是比較奇怪的，但它確確實 實是對象。確切地說，函數是用Function()構造函數創建的Function對象。Function對象包含一個字符串，字符串包含函數的 javascript代碼。假如你是從C語言或者java語言轉過來的，這也許看起來很奇怪，代碼怎么可能是字符串？但是對于javascript來說， 這很平常。數據和代碼之間的區別是很模糊的。
//
可以這樣創建函數
var
fn =
new
Function("arg1", "arg2", "return arg1 * arg2;"
);
fn(
2, 3);
//
6
這樣做的一個好處，可以傳遞代碼給其他函數，也可以傳遞正則變量或者對象（因為代碼字面上只是對象而已）。
傳遞函數作為回調
很容易把一個函數作為參數傳遞。
function
fn(arg1, arg2, callback){
var
num = Math.ceil(Math.random() * (arg1 - arg2) +
arg2);
callback(num);
//傳遞結果
}
fn(
10, 20,
function
(num){
console.log(
"Callback called! Num: " +
num);
});
//結果為10和20之間的隨機數
可能這樣做看起比較麻煩，甚至有點愚蠢，為何不正常地返回結果？但是當遇上必須使用回調函數之時，你也許就不這樣認為了！
別擋道
傳統函數以參數形式輸入數據，并且使用返回語句返回值。理論上，在函數結尾處有一個return返回語句，結構上就是：一個輸入點和一個輸出點。這比較容易理解，函數本質上就是輸入和輸出之間實現過程的映射。
但是，當函數的實現過程非常漫長，你是選擇等待函數完成處理，還是使用回調函數進行異步處理呢？這種情況下，使用回調函數變得至關重要，例 如：AJAX請求。若是使用回調函數進行處理，代碼就可以繼續進行其他任務，而無需空等。實際開發中，經常在javascript中使用異步調用，甚至在 這里強烈推薦使用！
下面有個更加全面的使用AJAX加載XML文件的示例，并且使用了call()函數，在請求對象（requested object）上下文中調用回調函數。
function
fn(url, callback){
var
httpRequest; //創建XHR
httpRequest
= window.XMLHttpRequest ?
new
XMLHttpRequest() : //針對IE進行功能性檢測
window.ActiveXObject
?
new
ActiveXObject("Microsoft.XMLHTTP"
) : undefined;
httpRequest.onreadystatechange
=
function
(){
if
(httpRequest.readystate === 4 && httpRequest.status === 200
){ //狀態判斷
callback.call(httpRequest.responseXML);
}
};
httpRequest.open(
"GET"
, url);
httpRequest.send();
}
fn(
"text.xml",
function
(){ //調用函數
console.log(
this
); //此語句后輸出
});
console.log(
"this will run before the above callback."); //此語句先輸出
我們請求異步處理，意味著我們開始請求時，就告訴它們完成之時調用我們的函數。在實際情況中，onreadystatechange事件處理程 序還得考慮請求失敗的情況，這里我們是假設xml文件存在并且能被瀏覽器成功加載。這個例子中，異步函數分配給了onreadystatechange事 件，因此不會立刻執行。
最終，第二個console.log語句先執行，因為回調函數直到請求完成才執行。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
