本節(jié)書摘來(lái)華章計(jì)算機(jī)出版社《JavaScript應(yīng)用程序設(shè)計(jì)》一書中的第2章，第2.17節(jié)，作者：Eric Elliott 更多章節(jié)內(nèi)容可以訪問(wèn)云棲社區(qū)“華章計(jì)算機(jī)”公眾號(hào)查看。

2.17 回調(diào)函數(shù)

一個(gè)函數(shù)首先被當(dāng)作參數(shù)傳入給調(diào)用者，隨后待調(diào)用者完成特定任務(wù)時(shí)才被執(zhí)行，我們將這個(gè)函數(shù)稱之為回調(diào)函數(shù)。在實(shí)際應(yīng)用中，回調(diào)函數(shù)一般會(huì)被傳入事件監(jiān)聽器、Ajax請(qǐng)求，或定時(shí)器中。對(duì)以下示例中回調(diào)函數(shù)的傳入方式你肯定不會(huì)陌生：

var $button = $('<button class="select">Click</button>').appendTo('body');asyncTest('Async callback event listener.', function () {$button.on('click', function clicked() {ok(true, 'Button clicked.');start();});setTimeout(function timedOut() {$button.click();$button.remove();}, 20); });

如上述代碼所示，clicked()回調(diào)函數(shù)被傳入jQuery的on()方法中。當(dāng)$button接收到click事件時(shí)，clicked()被調(diào)用，接著執(zhí)行OK()斷言與Start函數(shù)，從而告訴QUnit異步操作已經(jīng)完成，可以繼續(xù)執(zhí)行測(cè)試用例。
緊接著，timedOut()回調(diào)被傳入setTimeout()中，觸發(fā)在$button上的click事件并刪除$button引用中的DOM元素。
使用回調(diào)函數(shù)來(lái)處理異步操作簡(jiǎn)單而有效，但在指定的時(shí)間內(nèi)，只能等待一個(gè)異步回調(diào)，而且每次回調(diào)中僅可以處理一個(gè)任務(wù)。但如果你需要管理多個(gè)異步操作的依賴關(guān)系該怎么辦？下面介紹Promises。

總結(jié)

以上是生活随笔為你收集整理的《JavaScript应用程序设计》一一2.17 回调函数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。