本文實(shí)例講述了JavaScript函數(shù)式編程(Functional Programming)組合函數(shù)(Composition)用法。分享給大家供大家參考，具體如下：

組合（Composition）函數(shù)，就是把兩個(gè)或以上的函數(shù)組合到一塊兒，整成一個(gè)新的函數(shù)。我找到了一個(gè)很好的例子，很好地解釋了組合函數(shù)這個(gè)概念。

比如一個(gè)應(yīng)用主要是記錄一下日常的花銷（expenses），應(yīng)用里的數(shù)據(jù)看起來像這樣：

const expenses = [ {  name: '租金',  price: 3000,  type: '日常' },  {  name: '阿里云服務(wù)',  price: 600,  type: '服務(wù)' },  {  name: '健身中心',  price: 50,  type: '健康' },  {  name: '水電',  price: 100,  type: '日常' }];

合計(jì)花銷

現(xiàn)在我要合計(jì)一下所有花銷，創(chuàng)建一個(gè)函數(shù)，用一下 map 與 reduce，這個(gè)函數(shù)像這樣：

const sum = (source) =>  source  .map((item) => item.price)  .reduce((accumulator, price) => accumulator + price, 0)

sum 這個(gè)函數(shù)接收一個(gè) source 參數(shù)，在函數(shù)里，先用 map，返回 source 里的所有的 price（價(jià)格）。然后再用 reduce 去處理返回的 price ，這里就是合計(jì)所有的 price 的值。

這個(gè)函數(shù)用起來像這樣：

let total = sum(expenses) // 結(jié)果：3750

組合

現(xiàn)在我要合計(jì)一下我在某個(gè)類別下花的錢。比如我要合計(jì)一下 “日常” 這個(gè)分類里花的錢。先創(chuàng)建一個(gè)函數(shù)，可以返回所有 “日常” 類型的花銷。

const = getHousehold = (source) => { return source.filter((item) => item.type === '日常')}

getHousehold 函數(shù)里用了 filter ，它可以過濾出滿足特定條件的項(xiàng)目。這里就是把 type 的值是 “日常” 的項(xiàng)目過濾出來。

現(xiàn)在如果我想得到 “日常” 類型的花銷的合計(jì)的結(jié)果，可以這樣：

let householdExpenses = sum(getHousehold(expenses)) // 結(jié)果：3100

上面，我們先用 getHousehold 函數(shù)得到所有的 “日常” 類型的項(xiàng)目，然后又用 sum 函數(shù)合計(jì)了得到的結(jié)果。最終返回的就是所有 “日常” 類型的項(xiàng)目的合計(jì)花銷。

根據(jù)上面的使用，我們可以去創(chuàng)建一個(gè)組合函數(shù)，這個(gè)函數(shù)可以去合計(jì) “日常” 類型的項(xiàng)目的花銷。先創(chuàng)建一個(gè)組合函數(shù)用的函數(shù)：

const compose = (function1, function2) => { return (source) => function2(function1(source))}

現(xiàn)在我們可以用創(chuàng)建的這個(gè) compose 函數(shù)去組合兩個(gè)函數(shù)：

const sumHousehold = compose(getHousehold, sum)

sumHousehold 就是一個(gè)組合，它組合了 getHousehold 還有 sum。現(xiàn)在如果你提供給 sumHousehold 一組數(shù)據(jù)，比如最開始我們定義的 expenses，首先會(huì)用 getHousehold 得到所有 “日常” 類型的項(xiàng)目，然后再用 sum 去合計(jì)這些項(xiàng)目。