轉(zhuǎn)載自:https://www.cnblogs.com/lishuxue/p/5999682.html
初學(xué)js的時候,被回調(diào)函數(shù)搞得很暈,現(xiàn)在回過頭來總結(jié)一下什么是回調(diào)函數(shù)。
我們先來看看回調(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ù)就是一個參數(shù),將這個函數(shù)作為參數(shù)傳到另一個函數(shù)里面,當(dāng)那個函數(shù)執(zhí)行完之后,再執(zhí)行傳進(jìn)去的這個函數(shù)。這個過程就叫做回調(diào)。
其實(shí)也很好理解對吧,回調(diào),回調(diào),就是回頭調(diào)用的意思。主函數(shù)的事先干完,回頭再調(diào)用傳進(jìn)來的那個函數(shù)。但是以前看過很多博客,他們總是將回調(diào)函數(shù)解釋的云里霧里,很高深的樣子。
舉一個別人舉過的例子:約會結(jié)束后你送你女朋友回家,離別時,你肯定會說:“到家了給我發(fā)條信息,我很擔(dān)心你。” 對不,然后你女朋友回家以后還真給你發(fā)了條信息。小伙子,你有戲了。其實(shí)這就是一個回調(diào)的過程。你留了個參數(shù)函數(shù)(要求女朋友給你發(fā)條信息)給你女朋友,然后你女朋友回家,回家的動作是主函數(shù)。她必須先回到家以后,主函數(shù)執(zhí)行完了,再執(zhí)行傳進(jìn)去的函數(shù),然后你就收到一條信息了。
現(xiàn)在基本理解回調(diào)函數(shù)的意思了吧。不理解的話沒關(guān)系,我們用代碼說話。
```
//定義主函數(shù),回調(diào)函數(shù)作為參數(shù)
function A(callback) {
? ? callback();?
? ? console.log('我是主函數(shù)');? ? ?
}
//定義回調(diào)函數(shù)
function B(){
? ? setTimeout("console.log('我是回調(diào)函數(shù)')", 3000);//模仿耗時操作?
}
//調(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ù)的時候,我們讓代碼先去執(zhí)行callback()回調(diào)函數(shù),但輸出結(jié)果卻是后輸出回調(diào)函數(shù)的內(nèi)容。這就說明了主函數(shù)不用等待回調(diào)函數(shù)執(zhí)行完,可以接著執(zhí)行自己的代碼。所以一般回調(diào)函數(shù)都用在耗時操作上面。比如ajax請求,比如處理文件等。