JavaScript回調(diào)(callback)函數(shù)概念自我理解及示例
更新時(shí)間：2013年07月04日 15:37:38 作者：
此文適合JavaScript入門級(jí)選手閱讀，在JavaScript里什么叫Callback“回調(diào)函數(shù)”，把方法b當(dāng)做一個(gè)參數(shù)傳遞個(gè)方法a，當(dāng)方法a執(zhí)行完后執(zhí)行另外一個(gè)指定函數(shù)（這里是b函數(shù)），感興趣的朋友可以了解下哈
此文適合JavaScript入門級(jí)選手閱讀，高手就可以飄過(guò)了。
先扯點(diǎn)閑話。在中國(guó)，有這么一種現(xiàn)象：不管什么詞或者概念，總會(huì)有些人把這些東西解釋的神乎其神，貌似搞得別人聽(tīng)不懂就覺(jué)得自己很厲害的樣子。其實(shí)不知道有多2。我個(gè)人比較崇尚簡(jiǎn)潔明了。什么詞，什么概念，如果你能用簡(jiǎn)短的一兩句話讓大家聽(tīng)明白，這才是本事。好了，閑話不扯了，進(jìn)入正題。
在JavaScript里什么叫Callback“回調(diào)函數(shù)”，用我的話來(lái)講就是把方法b當(dāng)做一個(gè)參數(shù)傳遞個(gè)方法a，當(dāng)方法a執(zhí)行完后執(zhí)行另外一個(gè)指定函數(shù)（這里是b函數(shù)）。來(lái)看個(gè)列子：
<html>
<head>
<title>Callback function test</title>
<script language="javascript" type="text/javascript">
function main(callback)
{
alert("I am main function");
alert("Invoke callback function..");
callback();
}
function b(){
alert("I am callback function: b");
}
function c(){
alert("I am callback function: c");
}
function test() {
main(b);
main(c);
}
</script>
</head>
<body>
<button onClick="test()">click me</button>
</body>
</html>
這里面main（b），那么b就稱作回調(diào)函數(shù)，是不是很好理解？那有人會(huì)說(shuō)我為什么不可以把b的調(diào)用放到main函數(shù)里呢？確實(shí)可以，但是那樣你的main方法就只能調(diào)用b了。這里我們將b傳遞個(gè)main，或者a傳遞個(gè)main，那main里面的callback方法就是動(dòng)態(tài)的回調(diào)函數(shù)。優(yōu)點(diǎn)就在這里。
先扯點(diǎn)閑話。在中國(guó)，有這么一種現(xiàn)象：不管什么詞或者概念，總會(huì)有些人把這些東西解釋的神乎其神，貌似搞得別人聽(tīng)不懂就覺(jué)得自己很厲害的樣子。其實(shí)不知道有多2。我個(gè)人比較崇尚簡(jiǎn)潔明了。什么詞，什么概念，如果你能用簡(jiǎn)短的一兩句話讓大家聽(tīng)明白，這才是本事。好了，閑話不扯了，進(jìn)入正題。
在JavaScript里什么叫Callback“回調(diào)函數(shù)”，用我的話來(lái)講就是把方法b當(dāng)做一個(gè)參數(shù)傳遞個(gè)方法a，當(dāng)方法a執(zhí)行完后執(zhí)行另外一個(gè)指定函數(shù)（這里是b函數(shù)）。來(lái)看個(gè)列子：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>Callback function test</title>
<script language="javascript" type="text/javascript">
function main(callback)
{
alert("I am main function");
alert("Invoke callback function..");
callback();
}
function b(){
alert("I am callback function: b");
}
function c(){
alert("I am callback function: c");
}
function test() {
main(b);
main(c);
}
</script>
</head>
<body>
<button onClick="test()">click me</button>
</body>
</html>
這里面main（b），那么b就稱作回調(diào)函數(shù)，是不是很好理解？那有人會(huì)說(shuō)我為什么不可以把b的調(diào)用放到main函數(shù)里呢？確實(shí)可以，但是那樣你的main方法就只能調(diào)用b了。這里我們將b傳遞個(gè)main，或者a傳遞個(gè)main，那main里面的callback方法就是動(dòng)態(tài)的回調(diào)函數(shù)。優(yōu)點(diǎn)就在這里。
相關(guān)文章
兼容多瀏覽器的iframe自適應(yīng)高度(ie8 、谷歌瀏覽器4.0和 firefox3.5.3)
iframe在ie8 、谷歌瀏覽器4.0和 firefox3.5.3均成功自適應(yīng)高度.2009-11-11
微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能示例
這篇文章主要介紹了微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能,結(jié)合實(shí)例形式分析了map組件調(diào)用高德地圖API接口獲取地理位置提示列表并返回location相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了改變隱藏的input中value值的方法,需要的朋友可以參考下2014-03-03
bootstrap基本配置_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了bootstrap基本配置，詳細(xì)講解如何下載并安裝 Bootstrap，討論 Bootstrap 文件結(jié)構(gòu)，并通過(guò)一個(gè)實(shí)例演示它的用法。2017-07-07
javascript textarea光標(biāo)定位方法(兼容IE和FF)
主要是實(shí)現(xiàn)textarea中光標(biāo)的定位方法，考慮到多瀏覽器的兼容性，需要的朋友可以參考下。2011-03-03
JavaScript中使用Spread運(yùn)算符的八種方法總結(jié)
這篇文章主要給大家介紹了JavaScript中使用Spread運(yùn)算符的八種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Javascript技術(shù)難點(diǎn)之a(chǎn)pply，call與this之間的銜接
這篇文章主要介紹了Javascript技術(shù)難點(diǎn)之a(chǎn)pply，call與this之間的銜接的相關(guān)資料,需要的朋友可以參考下2015-12-12
下面小編就為大家?guī)?lái)一篇淺談js的解析順序 作用域 嚴(yán)格模式。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
js實(shí)現(xiàn)登錄注冊(cè)框手機(jī)號(hào)和驗(yàn)證碼校驗(yàn)（前端部分）
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)登錄注冊(cè)框手機(jī)號(hào)和驗(yàn)證碼校驗(yàn)的前端部分代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
Next項(xiàng)目路徑添加指定的訪問(wèn)前綴方法詳解
這篇文章主要介紹了Next項(xiàng)目路徑添加指定的訪問(wèn)前綴方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03