函數(shù)柯里化~

DirtyMind 發(fā)布于2019-08-22 15:10 / 1530人閱讀

摘要：改為下面這樣子的代碼初始的執(zhí)行其實(shí)只實(shí)現(xiàn)了部分的應(yīng)用只有一次的判定，而剩余的參數(shù)應(yīng)用都是其返回函數(shù)實(shí)現(xiàn)的，典型的柯里化。

今天接觸到了一個(gè)之前沒(méi)聽(tīng)說(shuō)過(guò)的東東，感覺(jué)很好玩~分享給大家~為了徹底的了解一下相關(guān)概念，特意拜讀了一下張?chǎng)涡翊笊竦南嚓P(guān)文章鏈接如下~：

http://www.zhangxinxu.com/wor...

感謝大神分享，本文將截取大神分享的部分及加上自己的小小理解~
先發(fā)一波定義~（源自百度百科）

在計(jì)算機(jī)科學(xué)中，柯里化（Currying）是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)(最初函數(shù)的第一個(gè)參數(shù))的函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)。這個(gè)技術(shù)由 Christopher Strachey 以邏輯學(xué)家 Haskell Curry 命名的，盡管它是 Moses Schnfinkel 和 Gottlob Frege 發(fā)明的。

大神用于函數(shù)柯里化用的比喻相當(dāng)?shù)男蜗蠓浅Ｓ兄诶斫鈤
“柯里化”就像某些官員的把戲，官員要弄7個(gè)老婆，礙于國(guó)策（一夫一妻）以及年老弟衰，表面上就1個(gè)老婆，實(shí)際上剩下的6個(gè)暗地里消化，代碼表示如下：

var curring = function(fn){
    // fn 指官員消化老婆的手段
    var args = [].slice.call(arguments,1); // 截取arguments中的第一個(gè)生成一個(gè)數(shù)組，也就是當(dāng)前語(yǔ)境下的明面上的合法老婆
    return function(){
        // 將已有的參數(shù)和新傳進(jìn)來(lái)的參數(shù)合并為一個(gè)數(shù)組，對(duì)應(yīng)已有的合法老婆和新搞定的老婆
        var newArgs = args.concat([].slice.call(arguments));
        // 將所有的參數(shù)newArgs綁定給fn~ 
        return fn.apply(null,newArgs);
    }
}

// 下面為官員如何搞定7個(gè)老婆做測(cè)試
// 獲得合法老婆
var getWife = currying(function(){
    var allWife = [].slice.call(arguments);
    console.log(allWife.join(";"))
},"合法老婆");
// 獲得其他6個(gè)老婆
getWife("小老婆1","小老婆2","小老婆3","小老婆4","小老婆5","小老婆6");
// 換一批老婆 
getWife("大老婆","小老婆","俏老婆","刁蠻老婆","乖老婆","送上門(mén)老婆");
// 再換一批老婆
getWife("超越韋小寶的老婆");

效果是這樣的~

無(wú)論輸入多少個(gè)參數(shù)，都會(huì)打印輸出，且都會(huì)帶著第一個(gè)參數(shù)~
上文代碼fn.apply(null,newArgs)中的null本是應(yīng)該制定fn中this的指向的對(duì)象，沒(méi)有所以就用null啦,算是一個(gè)小技巧~

理解理解之后再想想，這個(gè)東西有什么用啊~~
柯里化有三個(gè)常見(jiàn)的應(yīng)用：

參數(shù)復(fù)用（上文代碼中的合法老婆）

提前返回

這里舉個(gè)很實(shí)用的例子，兼容現(xiàn)代瀏覽器以及IE瀏覽器的事件添加方法：

var addEvent = function(el, type, fn, capture) {
    if (window.addEventListener) {
        el.addEventListener(type, function(e) {
            fn.call(el, e);
        }, capture);
    } else if (window.attachEvent) {
        el.attachEvent("on" + type, function(e) {
            fn.call(el, e);
        });
    } 
};

上面的方法有什么問(wèn)題呢？很顯然，我們每次使用addEvent為元素添加事件的時(shí)候，(eg. IE6/IE7)都會(huì)走一遍if...else if ...，其實(shí)只要一次判定就可以了，怎么做？–柯里化。改為下面這樣子的代碼：

var addEvent = (function(){
    if (window.addEventListener) {
        return function(el, sType, fn, capture) {
            el.addEventListener(sType, function(e) {
                fn.call(el, e);
            }, (capture));
        };
    } else if (window.attachEvent) {
        return function(el, sType, fn, capture) {
            el.attachEvent("on" + sType, function(e) {
                fn.call(el, e);
            });
        };
    }
})();

初始addEvent的執(zhí)行其實(shí)只實(shí)現(xiàn)了部分的應(yīng)用（只有一次的if...else if...判定），而剩余的參數(shù)應(yīng)用都是其返回函數(shù)實(shí)現(xiàn)的，典型的柯里化。

第三個(gè)常見(jiàn)應(yīng)用：延遲計(jì)算

var curryWeight = function(fn) {
    var _weight = [];
    return function() {
        if (arguments.length === 0) {
            return fn.apply(null, _weight);
        } else {
            _weight = _weight.concat([].slice.call(arguments));
        }
    }
};
var weight = 0;
var addWeight = curryWeight(function() {
    var i=0; len = arguments.length;
    for (i; i
先傳入?yún)?shù)，直到調(diào)用的時(shí)候才執(zhí)行計(jì)算~
今天的分享就先到這里了~愿與各位共勉~