沐鳴平台註冊登錄_JavaScript 函數式編程中的 curry 實現

最近在學習JavaScript函數式編程,對其中大名鼎鼎的curry十分感興趣,curry函數可以接受一個函數,我們暫且稱之為原始函數,返回的也是一個函數,柯里化函數,這個返回的柯里化函數功能十分強大,他在執行的過程中,不斷的返回一個貯存了傳入參數的函數,直到觸發了原始函數執行的條件。這麼說比較概括,那麼就舉個例子來說明一下:

原始函數:

var add = (x, y) => x + y

柯里化函數:

 var curryAdd = curry(add)

這個add需要兩個參數,但是我們的curryAdd執行可以傳入更少的參數,當傳入的參數少於add需要的參數的時候,add函數並不會執行,curryAdd就會將這個參數記下來,並且返回另外一個函數,這個函數可以繼續執行傳入參數,我們會有一個變量專門記錄傳入參數的情況,如果傳入參數的總數等於add需要參數的總數,我們就激活了原始參數執行,就會返回我們想要的結果。

// 此時只傳入了一個參數 根據判斷返回的是一個函數
    var add2 = curryAdd(2)
    // add2 = function(...) {}
// 此時累計傳入了兩個參數 等於了add需要參數的總和 所以返回的是一個結果
    // 相當於執行了add(2)(3)
    var result = add2(3)
    // result = 5

還是很不錯的是吧,好吧,我們的目的是為了寫出這個神奇curry函數,而且還要一行寫出來,不要着急,先分析一下怎麼去寫,然後再一步步的優化。

那根據上面的描述,我們看一下curry函數需要什麼,首先需要一個變量,用來存下來原始函數的參數個數,我們知道function有一個屬性為length,對就是它,我們用limit存下來

    var curry = function(fn) {
         var limit = fn.length
         ...
    }

curry函數要返回一個函數, 這個函數是要執行的,那麼問題就是,我們要判斷這個函數的執行是否激活了原始函數的執行,問題就出現在傳入的參數上面。返回函數還是結果?這的確是一個問題,我們先寫返回結果的情況,當傳入的參數等於原始函數需要的參數時,我們執行原始函數fn

    var curry = function(fn) {
         var limit = fn.length
         return function (...args) {
             if (args.length >= limit) {
                 return fn.apply(null, args)
             }
         }
    }

否則呢 我們就要返回一個貯存了參數的函數,這裡有兩點,一是參數的傳入歷史我們要記錄下來,二是這個返回的函數需要做些什麼

    var curry = function(fn) {
         var limit = fn.length
         return function (...args) {
             if (args.length >= limit) {
                 return fn.apply(null, args)
             } else {
                 return function(...args2) {

                 }
             }
         }
    }

看出來了吧 我們只需要把返回函數執行的參數累加起來就達到了記錄參數傳入情況的目的,於是我們想到了concat 對 args.concat(args2), 依次類推,我們返回的函數要做的就是重複做上面的事情,也就是參數為args的函數要做的事情,所以他需要一個名字,不然我們沒法執行,我們叫它judgeCurry

所以正如我們所說的,要麼返回一個函數,要麼執行原始函數。

    var curry = function(fn) {
         var limit = fn.length
         return function judgeCurry (...args) {
             if (args.length >= limit) {
                 return fn.apply(null, args)
             } else {
                 return function(...args2) {
                     return judgeCurry.apply(null, args.concat(args2))                                     
                 }
             }
         }
    }

我們終於寫完了這個神奇的curry函數,它真的很強大,配合compose,那真是一個字,爽。

我們的目的還是一行把上面那個函數寫出來,一行寫?怎麼寫?對了,用ES6啊,於是一番折騰

var currySingle = fn => judgeCurry = (...args) => args.length >= fn.length ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2))

好,我們看一下哪有問題,對了,就是我們為了不用limit參數,用了就得賦值,賦值就不能一行搞定了,就會變成這樣

    var currySingle = fn => {
        var limit = fn.length
        var judgeCurry = null
        return judgeCurry = (...args) => args.length >= limit ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2))
    }

需要判斷參數的時候不斷的對fn.length求值,但是fn.length的值是確定的,我們不想每次都求值,但又不想用limit怎麼辦,有什麼辦法呢?你一定想到了,立即執行函數!!

var currySingle = fn => ((limit) => judgeCurry = (...args) => args.length >= limit ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2)))(fn.length)

不得不感嘆JavaScript的神奇,終於,我們就一行將這個神奇的curry寫出來了。

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/8702