Javascript之回調函數(callback)


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

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM