本文實(shí)例講述了JS回調(diào)函數(shù)基本定義與用法。分享給大家供大家參考,具體如下:
初學(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請求,比如處理文件等。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答