1、回調函數定義:
回調函數就是一個通過函數指針調用的函數。如果你把函數的指針(地址)作為參數傳遞給另一個函數,當這個指針被用為調用它所指向的函數時,我們就說這是回調函數。回調函數不是由該函數的實現方直接調用,而是在特定的事件或條件發生時由另外的一方調用的,用於對該事件或條件進行響應。
在JavaScript中,回調函數具體的定義為:函數A作為參數(函數引用)傳遞到另一個函數B中,並且這個函數B執行函數A。我們就說函數A叫做回調函數。如果沒有名稱(函數表達式),就叫做匿名回調函數。因此callback 不一定用於異步,一般同步(阻塞)的場景下也經常用到回調,比如要求執行某些操作后執行回調函數。
回調函數,一般在同步情境下是最后執行的,而在異步情境下有可能不執行,因為事件沒有被觸發或者條件不滿足。
例:一個同步(阻塞)中使用回調的例子,目的是在func1代碼執行完成后執行func2。
var func1=function(callback){
//do something
(callback && typeof(callback)==="function") && callback();
}
例:異步回調的例子
$(document).ready(callback);
$.ajax({
url: "test.html";
context: document.body
}).done(function(){
$(this).addClass("done");
}).fail(function(){
alert("error");
}).always(function(){
alert("complete");
})
在javascript中,函數也是對象,函數是用Functon()構造函數創建的Function對象。Function對象包含一個字符串,字符串包含函數的javascript代碼。這樣就可以將函數作為參數傳遞給其他函數。
把函數做為參數傳遞的例子:
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);
})
傳統函數以參數形式輸入數據,並且使用返回語句返回值。理論上,在函數結尾處有一個return返回語句,結構上就是:一個輸入點和一個輸出點。這比較容易理解,函數本質上就是輸入和輸出之間實現過程的映射。
但是,當函數的實現過程非常漫長,你是選擇等待函數完成處理,還是使用回調函數進行異步處理呢?這種情況下,使用回調函數變得至關重要,例如:AJAX請求。若是使用回調函數進行處理,代碼就可以繼續進行其他任務,而無需空等。實際開發中,經常在javascript中使用異步調用,甚至在這里強烈推薦使用!
2、回調函數的使用場合
(1)資源加載:動態加載js文件后執行回調,加載iframe后執行回調,ajax操作回調,圖片加載完成執行回調,等
(2)DOM事件及Node.js事件基於回調機制
(3)setTimeout的延遲時間為0,setTimeout調用的函數實際上就是一個callback的體現
(4)鏈式調用:鏈式調用的時候,在賦值器(setter)方法中很容易實現鏈式調用,而取值器(getter)相對來說不好實現鏈式調用,因為你需要取值器返回你需要的數據而不是this指針,如果要實現鏈式方法,可以用回調函數來實現setTimeout、setInterval的函數調用得到其返回值。由於兩個函數都是異步的,即:他們的調用時序和程序的主流程是相對獨立的,所以沒有辦法在主體里面等待它們的返回值,它們被打開的時候程序也不會停下來等待,否則也就失去了setTimeout及setInterval的意義了,所以用return已經沒有意義,只能使用callback。callback的意義在於將timer執行的結果通知給代理函數進行及時處理。
3、回調函數的傳遞
$.get('myhtmlpage.html',myCallBack); //這是對的
$.get('myhtmlpage.html',myCallBack('foo','bar')); //這是錯的,若要帶參數實現如下
$.get('myhtmlpage.html',function(){
//帶參數的函數表達式
myCallBack('foo','bar');
});
另,最好保證回調函數存在並且必須是函數引用或者函數表達式:
(callback&&typeof(callback)==="function")&&callback();
參考原文:http://www.jb51.net/article/54750.htm