JS回調函數(shù)基本定義與用法實例分析
本文實例講述了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ù)的內(nèi)容。這就說明了主函數(shù)不用等待回調函數(shù)執(zhí)行完,可以接著執(zhí)行自己的代碼。所以一般回調函數(shù)都用在耗時操作上面。比如ajax請求,比如處理文件等。
更多關于JavaScript相關內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
在html中引入外部js文件,并調用帶參函數(shù)的方法
下面小編就為大家?guī)硪黄趆tml中引入外部js文件,并調用帶參函數(shù)的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
js console.log打印對像與數(shù)組用法詳解
這篇文章主要介紹了js console.log打印對像與數(shù)組用法,結合實例形式較為詳細的分析了js使用console.log實現(xiàn)打印對象與數(shù)組的具體實現(xiàn)步驟與相關技巧,需要的朋友可以參考下2016-01-01

