js函數(shù)式編程之一個(gè)實(shí)用的工具curry函數(shù)（js函數(shù)式編程讀書筆記）

TNFE 發(fā)布于2019-08-21 17:45 / 514人閱讀

摘要：不純的函數(shù)充滿的不確定性，在函數(shù)式編程中要盡量避免它。在以后的函數(shù)式編程中還會(huì)不斷的遇見它的。

一.為什么需要柯里化（curry函數(shù)）

1.先簡(jiǎn)單的介紹一下純函數(shù)

在函數(shù)式編程中純函數(shù)是其最基本的思想，所謂純函數(shù)就是一個(gè)相對(duì)不受外界影響（之所以說相對(duì)，是因?yàn)橛械臅r(shí)候需要和外界溝通，函數(shù)沒法保持所謂真正的純，但后面會(huì)有方法來解決）.在高中數(shù)學(xué)中都學(xué)過，函數(shù)是一種映射關(guān)系，在y=f(x)這個(gè)函數(shù)式中，每一個(gè)x都有一個(gè)與之對(duì)應(yīng)的y值與它唯一對(duì)應(yīng)。

說了這么多好像還是不是很明白，那就來個(gè)簡(jiǎn)單的例子：

//不純的
var num=18
function foo1(enter) {
    if (enter>18) {
        console.log("wow")
    }
}

//純的
function foo2(enter) {
    var num=18
    if (enter>18) {
        console.log("wow")
    }
}

兩個(gè)函數(shù)實(shí)現(xiàn)的效果其實(shí)是一樣的，但第一個(gè)函數(shù)不純，第二個(gè)函數(shù)才是真的純函數(shù)，它將num定義在函數(shù)體內(nèi)，外界無法直接獲取num，也無法改變它，相當(dāng)于打雷天縮到了被窩，外面雷再大也跟我沒關(guān)系了。

第一個(gè)函數(shù)之所以不純是因?yàn)?，它引用了函?shù)體外的一個(gè)變量num，一旦你進(jìn)行了外部引用，那這個(gè)函數(shù)的輸出就不確定了。一旦num被改變了，那這個(gè)函數(shù)就不會(huì)按照你希望的執(zhí)行下去了。不純的函數(shù)充滿的不確定性，在函數(shù)式編程中要盡量避免它。

純函數(shù)中還有很多的好處，再此就不展開討論了，以后有機(jī)會(huì)再詳細(xì)的說說。

2.純函數(shù)的一個(gè)使用場(chǎng)景

var add=x=>(y=>x+y)//為了更貼切函數(shù)式編程，這里用了ES6的寫法,等價(jià)于下面的函數(shù)
// var add=function (x) {
//     return function(y) {
//         return x+y
//     }
// }
var add2=add(2)
console.log(add2(1))
//3

這里使用閉包的方法，在add函數(shù)體內(nèi)返回的匿名函數(shù)中有這樣一句話：return x+y
它在匿名函數(shù)中保持著對(duì)x的引用，即使在垃圾回收中，x在執(zhí)行上下文中已經(jīng)被清理掉了，但還是能夠憑借引用找到它，這就是閉包應(yīng)用的簡(jiǎn)單的解釋。

通過這樣的寫法，寫函數(shù)變得更加靈活了。add2實(shí)際接受到是一個(gè)匿名參數(shù)，這個(gè)參數(shù)保留著第一次傳入的參數(shù)。但你所需要的所有參數(shù)都傳完（是的，可以有不止一個(gè)參數(shù)，但需要通過curry函數(shù)的幫助），再執(zhí)行操作，也就是上述代碼中x+y操作。

這樣無論你想add10，還是add20，都很輕松了。

問題來了
這樣寫函數(shù)太挫了，而且太麻煩了，有沒有什么好辦法呢？答案是有，那就是今天的重頭戲curry函數(shù)（通過curry函數(shù)處理一個(gè)函數(shù)的過程也叫柯里化）

先上代碼：

//柯里函數(shù)實(shí)質(zhì)：傳遞給函數(shù)一部分參數(shù)來調(diào)用它，讓它返回一個(gè)函數(shù)來處理剩余參數(shù)
function curry(fx) {
    //要進(jìn)行柯里化的函數(shù)的形參數(shù)量
    var arity=fx.length
    return function f1() {
        //第一次傳入的參數(shù)數(shù)量
        var args=[].slice.call(arguments,0)
        //若傳入的參數(shù)數(shù)量大于等于形參數(shù)量,代表現(xiàn)在萬事俱備（參數(shù)齊全了），可以直接執(zhí)行函數(shù)了,直接將參數(shù)全部傳入fx函數(shù)中，并執(zhí)行它
        if (args.length>=arity) {
            return fx.apply(null,args)
        }else{
            var f2=function() {
                //如果只傳入了一部分參數(shù)
                var args2 = [].slice.call(arguments, 0)
                //判斷是否所有參數(shù)都傳完了，如果沒有，不斷concat新傳的參數(shù)，然后執(zhí)行f1函數(shù)
                return f1.apply(null, args.concat(args2))
            }
            return f2
        }

    }
}

其實(shí)看書看到這部分的時(shí)候作者直接用lodash庫中的curry，看的十分蛋疼，覺得沒有詳細(xì)的代碼總歸不能理解的透徹。結(jié)果點(diǎn)開github上的作業(yè)（這本書有習(xí)題，就在GitHub上），發(fā)現(xiàn)有curry函數(shù)的實(shí)現(xiàn)?？戳艘蝗τ行┬〉牟惶斫獾牡胤叫薷牧艘幌?，成了現(xiàn)在看到的函數(shù)。

現(xiàn)在就可以用curry了，用起來也是十分舒服（偷懶直接上書上代碼）：

var match = curry(function(what, str) {
return str.match(what);
});
var replace = curry(function(what, replacement, str) {
return str.replace(what, replacement);
});
var filter = curry(function(f, ary) {
return ary.filter(f);
});
var map = curry(function(f, ary) {
return ary.map(f);
});

match(/s+/g, "hello world");
// [ " " ]
match(/s+/g)("hello world");
// [ " " ]
var hasSpaces = match(/s+/g);
// function(x) { return x.match(/s+/g) }
hasSpaces("hello world");
// [ " " ]
hasSpaces("spaceless");
// null
filter(hasSpaces, ["tori_spelling", "tori amos"]);
// ["tori amos"]
var findSpaces = filter(hasSpaces);
// function(xs) { return xs.filter(function(x) { return x.match(
/s+/g) }) }
findSpaces(["tori_spelling", "tori amos"]);
// ["tori amos"]

這樣是不是就能感受到curry的強(qiáng)大之處呢。在以后的函數(shù)式編程中還會(huì)不斷的遇見它的。
（寫在最后，關(guān)于curry函數(shù)實(shí)現(xiàn)的一點(diǎn)小問題，使用ES6的箭頭函數(shù)更貼切函數(shù)式編程的思想，但是箭頭函數(shù)無法識(shí)別arguments對(duì)象，所以還是老老實(shí)實(shí)寫匿名函數(shù)把）
（本文屬于讀書筆記，看的書是js函數(shù)式編程，在gitbook上就能看到）

GPU云服務(wù)器云服務(wù)器 js函數(shù)式編程視頻函數(shù)式編程函數(shù)式編程指針函數(shù)式編程語言?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/89960.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

TNFE

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

raksmart：日本站群服務(wù)器，大陸優(yōu)化50M帶寬，1c253IP/4c244IP，月付$235刀

閱讀 3225·2021-11-08 13:18
不可思議的純 CSS 滾動(dòng)進(jìn)度條效果

閱讀 2344·2019-08-30 15:55
頁面基礎(chǔ)布局相關(guān)知識(shí) --- 居中&經(jīng)典布局

閱讀 3654·2019-08-30 15:44
Fullscreen API 全屏顯示網(wǎng)頁

閱讀 3124·2019-08-30 13:07
調(diào)用百度API寫了一個(gè)js翻譯小工具

閱讀 2840·2019-08-29 17:20
[譯]HTML&CSS Lesson2: 了解HTML

閱讀 2011·2019-08-29 13:03
談?wù)凴eact事件機(jī)制和未來(react-events)

閱讀 3493·2019-08-26 10:32
淺談Http協(xié)議（五）：基于Tcp協(xié)議的三次握手和四次揮手

閱讀 3278·2019-08-26 10:15

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

js函數(shù)式編程之一個(gè)實(shí)用的工具curry函數(shù)（js函數(shù)式編程讀書筆記）

相關(guān)文章

**SegmentFault 技術(shù)周刊 Vol.16 - 淺入淺出 JavaScript 函數(shù)式編程**