本文實(shí)例講述了JS回調(diào)函數(shù)。分享給大家供大家參考，具體如下：

一、前奏

在談回調(diào)函數(shù)之前，先看下下面兩段代碼：

不妨猜測(cè)一下代碼的結(jié)果。

function say (value) {
  alert(value);
}
alert(say);
alert(say('hi js.'));

如果你測(cè)試了，就會(huì)發(fā)現(xiàn)：

只寫(xiě)變量名  say   返回的將會(huì)是 say方法本身，以字符串的形式表現(xiàn)出來(lái)。

而在變量名后加()如say()返回的就會(huì)使say方法調(diào)用后的結(jié)果，這里是彈出value的值。

二、js中函數(shù)可以作為參數(shù)傳遞

再看下面的兩段代碼：

function say (value) {
  alert(value);
}
function execute (someFunction, value) {
  someFunction(value);
}
execute(say, 'hi js.');

與

function execute (someFunction, value) {
  someFunction(value);
}
execute(function(value){alert(value);}, 'hi js.');

上面第一段代碼是將say方法作為參數(shù)傳遞給execute方法

第二段代碼則是直接將匿名函數(shù)作為參數(shù)傳遞給execute方法

實(shí)際上：

function say (value) {
  alert(value);
}
// 注意看下面,直接寫(xiě)say方法的方法名與下面的匿名函數(shù)可以認(rèn)為是一個(gè)東西
// 這樣再看上面兩段代碼是不是對(duì)函數(shù)可以作為參數(shù)傳遞就更加清晰了
say;
function (value) {
  alert(value);
}

這里的say或者匿名函數(shù)就被稱(chēng)為回調(diào)函數(shù)。

三、回調(diào)函數(shù)易混淆點(diǎn)——傳參

如果回調(diào)函數(shù)需要傳參，如何做到，這里介紹兩種解決方案。

將回調(diào)函數(shù)的參數(shù)作為與回調(diào)函數(shù)同等級(jí)的參數(shù)進(jìn)行傳遞

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

四、寫(xiě)在最后

回調(diào)函數(shù)應(yīng)用場(chǎng)景多用在使用 js 寫(xiě)組件時(shí)，尤其是組件的事件很多都需要回調(diào)函數(shù)的支持。
關(guān)于回調(diào)函數(shù)還有什么問(wèn)題可以在下面留言，一起交流。

更多關(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ì)有所幫助。