快捷導(dǎo)航

一文徹底理解JS回調(diào)函數(shù)

更新時(shí)間：2022年12月13日 17:10:52 作者：dkvirus

回調(diào)函數(shù)是從一個(gè)叫函數(shù)式編程的編程范式中衍生出來(lái)的概念,簡(jiǎn)單來(lái)說(shuō),函數(shù)式編程就是使用函數(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ù)就被稱為回調(diào)函數(shù)。