JS回調(diào)函數(shù)簡(jiǎn)單易懂的入門(mén)實(shí)例分析
本文實(shí)例講述了JS回調(diào)函數(shù)。分享給大家供大家參考,具體如下:
初學(xué)js的時(shí)候,被回調(diào)函數(shù)搞得很暈,現(xiàn)在回過(guò)頭來(lái)總結(jié)一下什么是回調(diào)函數(shù)。什么是JS?(點(diǎn)擊查看)
下面先看看標(biāo)準(zhǔn)的解釋?zhuān)?/p>

<script language="javascript">
function SortNumber( obj, func ) // 定義通用排序函數(shù)
{
// 參數(shù)驗(yàn)證,如果第一個(gè)參數(shù)不是數(shù)組或第二個(gè)參數(shù)不是函數(shù)則拋出異常
if( !(obj instanceof Array) || !(func instanceof Function))
{
var e = new Error(); // 生成錯(cuò)誤信息
e.number = 100000; // 定義錯(cuò)誤號(hào)
e.message = "參數(shù)無(wú)效"; // 錯(cuò)誤描述
throw e; // 拋出異常
}
for( n in obj ) // 開(kāi)始排序
{
for( m in obj )
{
if( func( obj[n], obj[m] ) ) // 使用回調(diào)函數(shù)排序,規(guī)則由用戶(hù)設(shè)定
{
var tmp = obj[n]; // 創(chuàng)建臨時(shí)變量
obj[n] = obj[m]; // 交換數(shù)據(jù)
obj[m] = tmp;
}
}
}
return obj; // 返回排序后的數(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ù)化的函數(shù),就是將這個(gè)函數(shù)作為一個(gè)參數(shù)傳到另一個(gè)主函數(shù)里面,當(dāng)那一個(gè)主函數(shù)執(zhí)行完之后,再執(zhí)行傳進(jìn)去的作為參數(shù)的函數(shù)。走這個(gè)過(guò)程的參數(shù)化的函數(shù) 就叫做回調(diào)函數(shù)。換個(gè)說(shuō)法也就是被作為參數(shù)傳遞到另一個(gè)函數(shù)(主函數(shù))的那個(gè)函數(shù)就叫做 回調(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ù),然后你就收到一條信息了。
回調(diào)函數(shù)應(yīng)用場(chǎng)景多用在使用 js 寫(xiě)組件時(shí)和耗時(shí)操作上面,尤其是組件的事件很多都需要回調(diào)函數(shù)的支持。
如果還是不明白,下面看一下代碼:
<script type="text/javascript">
function title(value){//這是回調(diào)函數(shù)?。。?!
alert(value);
}
function main(title, value){//這個(gè)主函數(shù):在參數(shù)列表中,title作為一個(gè)參數(shù)傳遞進(jìn)來(lái),也就是上文說(shuō)的 參數(shù)化函數(shù);然后value這個(gè)值正是title()函數(shù)中所需要的。
alert("我是主函數(shù)");
title(value);//結(jié)果為:'我是回調(diào)函數(shù)'?!缓笤谶@行這個(gè)title(),它就是回調(diào)函數(shù)咯。
}
main(title,"我是回調(diào)函數(shù)");//title參數(shù)加上()后,就會(huì)變回一個(gè)函數(shù),并會(huì)被執(zhí)行一次。
//PS:看清楚,調(diào)用的是main()函數(shù),意味著先執(zhí)行main(),這時(shí)已經(jīng)執(zhí)行了主函數(shù),title()被main()在函數(shù)體中執(zhí)行了一次,因此title()是回調(diào)函數(shù)。
</script>
回調(diào)函數(shù)易混淆點(diǎn)——傳參:
一,將回調(diào)函數(shù)的參數(shù)作為與回調(diào)函數(shù)同等級(jí)的參數(shù)進(jìn)行傳遞。

二,回調(diào)函數(shù)的參數(shù)在調(diào)用回調(diào)函數(shù)內(nèi)部創(chuàng)建。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js改變img標(biāo)簽的src屬性在IE下沒(méi)反應(yīng)的解決方法
在Chrome FF里都能改變成功,但在IE下卻不行,網(wǎng)上搜了半天,大概了解了,這個(gè)是IE的一個(gè)bug,具體的解決方法如下,有類(lèi)似問(wèn)題的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07
JS+CSS實(shí)現(xiàn)帶有碰撞緩沖效果的豎向?qū)Ш綏l代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)帶有碰撞緩沖效果的豎向?qū)Ш綏l代碼,可實(shí)現(xiàn)滑塊彈性振動(dòng)效果的導(dǎo)航效果,涉及jQuery數(shù)學(xué)運(yùn)算及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-09-09
用javascript實(shí)現(xiàn)的激活輸入框后隱藏初始內(nèi)容
用javascript實(shí)現(xiàn)的激活輸入框后隱藏初始內(nèi)容...2007-06-06
(跨瀏覽器基礎(chǔ)事件/瀏覽器檢測(cè)/判斷瀏覽器)經(jīng)驗(yàn)代碼分享
一些js代碼,自己備用的,高手不要笑話(huà)我。(跨瀏覽器基礎(chǔ)事件,瀏覽器檢測(cè),判斷瀏覽器的名稱(chēng)、版本號(hào)、操作系統(tǒng))等等,很實(shí)用的,方便自己使用,感興趣的朋友可以了解下,希望本文對(duì)你有所幫助2013-01-01
使用javascript實(shí)現(xiàn)簡(jiǎn)單的選項(xiàng)卡切換
本文主要介紹了使用javascript實(shí)現(xiàn)簡(jiǎn)單的選項(xiàng)卡切換的效果,代碼非常的簡(jiǎn)單,兼容性十分棒,這里推薦給小伙伴們。2015-01-01
Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-01-01

