JavaScript函數式編程(Functional Programming)高階函數(Higher order functions)用法分析

使用函數作為參數

因為函數本身就是一個值，所以可以讓函數作為參數傳遞給其它的函數。JavaScript 有些函數就需要用到函數類型的參數，比如 Array.map。

比如我有一組數據：

const names = ['小貓', '小狗', '小刺猬']

我要分別問候一下這組數據里的每個項目：

const greetings = names.map(function(name) {
 return `hi ~ ${name}`
})
console.log(greetings)
// ["hi ~ 小貓", "hi ~ 小狗", "hi ~ 小刺猬"]

上面的 map 方法里用了一個匿名函數作為它的參數。在這個函數里面，我們在數組里的每個項目的前面都加上了一個 “hi ~” ，map 會返回一個新的數組，這個數組我交給了 greetings 變量。

用箭頭函數會更簡潔一些：

const greetings = names.map(name => `hi ~ ${name}`)

高階函數

高階函數（higher-order functions）。在 JavaScript 里面，函數跟普通的對象沒啥大區別，所以你可以讓函數作為參數傳遞到其它的函數里面，你也可以在函數里返回函數。使用函數作為參數的函數，或者返回函數的函數，這些函數被稱為高階函數（higher-order functions）。

比如剛才我們用的 map 就是一個高階函數，因為它會用到一個函數作為它的參數。

再看一個例子：

const robot = (name, action) => {
 return action(name)
}
const greet = (name) => {
 return `hello, ${name}`
}
const greeting = robot(' 您好 ', greet)
// 返回 “ hello, 您好 ”

robot 是個函數，它支持兩個參數，name 與 action，這里的 action 參數的類型是一個函數。在 robot 里面返回了 action ，并且把 name 參數的值交給了 action。接下面我們又定義了一個函數叫 greet，它接受一個參數是 name ，這個函數會返回一個字符串。

然后我們用了一下 robot 這個函數，設置了一下它的兩個參數的值，name 參數的值是 ' 您好 ‘，action 參數的值是我們定義的 greet 這個函數。執行的結果就會是：

hello, 您好

我們可以再去定義一下函數：

const goodbye = (name) => {
 return `bye, ${name}`
}

然后再用一下 robot 函數：

const byeBye = robot(' 您好 ', goodbye)

這次會返回：

bye, 您好

完整的例子：

const robot = (name, action) => {
 return action(name)
}
const greet = (name) => {
 return `hello, ${name}`
}
const greeting = robot(' 您好 ', greet)
console.log(greeting)
const goodbye = (name) => {
 return `bye, ${name}`
}
const byeBye = robot(' 您好 ', goodbye)
console.log(byeBye)

更多關于JavaScript相關內容可查看本站專題：《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com