本文實例講述了JS回調函數(shù)基本定義與用法。分享給大家供大家參考，具體如下：

初學js的時候，被回調函數(shù)搞得很暈，現(xiàn)在回過頭來總結一下什么是回調函數(shù)。

我們先來看看回調的英文定義：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

字面上的理解，回調函數(shù)就是一個參數(shù)，將這個函數(shù)作為參數(shù)傳到另一個函數(shù)里面，當那個函數(shù)執(zhí)行完之后，再執(zhí)行傳進去的這個函數(shù)。這個過程就叫做回調。

其實也很好理解對吧，回調，回調，就是回頭調用的意思。主函數(shù)的事先干完，回頭再調用傳進來的那個函數(shù)。但是以前看過很多博客，他們總是將回調函數(shù)解釋的云里霧里，很高深的樣子。

舉一個別人舉過的例子：約會結束后你送你女朋友回家，離別時，你肯定會說：“到家了給我發(fā)條信息，我很擔心你?！?對不，然后你女朋友回家以后還真給你發(fā)了條信息。小伙子，你有戲了。其實這就是一個回調的過程。你留了個參數(shù)函數(shù)（要求女朋友給你發(fā)條信息）給你女朋友，然后你女朋友回家，回家的動作是主函數(shù)。她必須先回到家以后，主函數(shù)執(zhí)行完了，再執(zhí)行傳進去的函數(shù)，然后你就收到一條信息了。

現(xiàn)在基本理解回調函數(shù)的意思了吧。不理解的話沒關系，我們用代碼說話。

//定義主函數(shù)，回調函數(shù)作為參數(shù)
function A(callback) {
  callback();
  console.log('我是主函數(shù)');
}
//定義回調函數(shù)
function B(){
  setTimeout("console.log('我是回調函數(shù)')", 3000);//模仿耗時操作
}
//調用主函數(shù)，將函數(shù)B傳進去
A(B);
/*
輸出結果
我是主函數(shù)
我是回調函數(shù)
*/

上面的代碼中，我們先定義了主函數(shù)和回調函數(shù)，然后再去調用主函數(shù)，將回調函數(shù)傳進去。

定義主函數(shù)的時候，我們讓代碼先去執(zhí)行callback()回調函數(shù)，但輸出結果卻是后輸出回調函數(shù)的內容。這就說明了主函數(shù)不用等待回調函數(shù)執(zhí)行完，可以接著執(zhí)行自己的代碼。所以一般回調函數(shù)都用在耗時操作上面。比如ajax請求，比如處理文件等。

更多關于JavaScript相關內容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

最新評論