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

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

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

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

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

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

說了這么多好像還是不是很明白，那就來個簡單的例子：

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

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

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

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

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

2.純函數(shù)的一個使用場景

var add=x=>(y=>x+y)//為了更貼切函數(shù)式編程，這里用了ES6的寫法,等價于下面的函數(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ù)中保持著對x的引用，即使在垃圾回收中，x在執(zhí)行上下文中已經(jīng)被清理掉了，但還是能夠憑借引用找到它，這就是閉包應(yīng)用的簡單的解釋。

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

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

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

先上代碼：

//柯里函數(shù)實質(zhì)：傳遞給函數(shù)一部分參數(shù)來調(diào)用它，讓它返回一個函數(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
        }

    }
}

其實看書看到這部分的時候作者直接用lodash庫中的curry，看的十分蛋疼，覺得沒有詳細(xì)的代碼總歸不能理解的透徹。結(jié)果點開github上的作業(yè)（這本書有習(xí)題，就在GitHub上），發(fā)現(xiàn)有curry函數(shù)的實現(xiàn)?？戳艘蝗τ行┬〉牟惶斫獾牡胤叫薷牧艘幌拢闪爽F(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的強大之處呢。在以后的函數(shù)式編程中還會不斷的遇見它的。
（寫在最后，關(guān)于curry函數(shù)實現(xiàn)的一點小問題，使用ES6的箭頭函數(shù)更貼切函數(shù)式編程的思想，但是箭頭函數(shù)無法識別arguments對象，所以還是老老實實寫匿名函數(shù)把）
（本文屬于讀書筆記，看的書是js函數(shù)式編程，在gitbook上就能看到）

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/89960.html

發(fā)表評論

登陸后可評論

0條評論

TNFE

男|高級講師

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

TA的文章

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

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

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

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

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

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

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

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

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

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

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

相關(guān)文章

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