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

初學(xué)js的時(shí)候，被回調(diào)函數(shù)搞得很暈，現(xiàn)在回過(guò)頭來(lái)總結(jié)一下什么是回調(diào)函數(shù)。

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

字面上的理解，回調(diào)函數(shù)就是一個(gè)參數(shù)，將這個(gè)函數(shù)作為參數(shù)傳到另一個(gè)函數(shù)里面，當(dāng)那個(gè)函數(shù)執(zhí)行完之后，再執(zhí)行傳進(jìn)去的這個(gè)函數(shù)。這個(gè)過(guò)程就叫做回調(diào)。

其實(shí)也很好理解對(duì)吧，回調(diào)，回調(diào)，就是回頭調(diào)用的意思。主函數(shù)的事先干完，回頭再調(diào)用傳進(jìn)來(lái)的那個(gè)函數(shù)。但是以前看過(guò)很多博客，他們總是將回調(diào)函數(shù)解釋的云里霧里，很高深的樣子。

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

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

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

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

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

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

最新評(píng)論