前端開(kāi)發(fā)進(jìn)階之函數(shù)柯里化

概念:只傳遞給函數(shù)一部分參數(shù)來(lái)調(diào)用,讓它返回一個(gè)函數(shù)去處理剩下的參數(shù)

開(kāi)篇之前白对,我們先來(lái)看一個(gè)例子

function square(i) {
  return i * i;
}
function double(i) 
  return i * 2;
}
function map(handeler, list) {
  return list.map(handeler)
}
// 數(shù)組的每一項(xiàng)平方
map(square, [1, 2, 3, 4, 5]);
map(square, [6, 7, 8, 9, 10]);

// 數(shù)組的每一項(xiàng)加倍
map(dubble, [1, 2, 3, 4, 5]);
map(dubble, [6, 7, 8, 9, 10]);

例子中怔匣,創(chuàng)建了一個(gè)通知函數(shù) map,用于適應(yīng)不同的應(yīng)用場(chǎng)景。顯然亏狰,通用性不用懷疑役纹。同時(shí),例子中重復(fù)傳入了相同的處理函數(shù):square和dubble暇唾。

實(shí)際開(kāi)發(fā)中促脉,我們經(jīng)常會(huì)用到類(lèi)似的方法來(lái)實(shí)現(xiàn)我們功能上的需求。這樣寫(xiě)通用性是有了策州,但是這種通用性的增強(qiáng)必然帶來(lái)適用性的減弱瘸味。所以,我們需要在中間找到一種平衡够挂。我們更希望一種方法旁仿,用的時(shí)候只需要把參數(shù)傳進(jìn)去,不需要再傳其他的孽糖。那么枯冈,這個(gè)時(shí)候我們就需要借助curry的力量。

我們先來(lái)看一下currying簡(jiǎn)單實(shí)現(xiàn)

var add = function(x) {
  return function(y) {
    return x + y;
  };
};

var increment = add(1);
var addTen = add(10);

increment(2);
// 3

addTen(2);
// 12

這里我們定義了一個(gè) add 函數(shù)办悟,它接受一個(gè)參數(shù)并返回一個(gè)新的函數(shù)尘奏。調(diào)用 add 之后,返回的函數(shù)就通過(guò)閉包的方式記住了 add 的第一個(gè)參數(shù)誉尖。一次性地調(diào)用它實(shí)在是有點(diǎn)繁瑣罪既,好在我們可以使用一個(gè)特殊的 curry幫助函數(shù)(helper function)使這類(lèi)函數(shù)的定義和調(diào)用更加容易。

這就是currying,到這里什么是函數(shù)柯里化相信大家已經(jīng)有一定的概念了琢感。但我們更希望的是能有一個(gè)函數(shù)幫我們把所有需要進(jìn)行柯里化的函數(shù)進(jìn)行處理丢间,而不是像上面一樣,每一個(gè)需求就按一個(gè)寫(xiě)法驹针。

currying的通用實(shí)現(xiàn)

function currying(fn) {
  var slice = Array.prototype.slice,
  _args = slice.call(argumengs, 1);
  return function() {
    var _inargs = slice.call(arguments);
    return fn.apply(null, _args.concat(_inargs)
  }
}

下面我們利用柯里化改造一下開(kāi)篇的第一個(gè)段代碼:

function square(i) {
    return i * i;
}

function dubble(i) {
    return i *= 2;
}

function map(handeler, list) {
    return list.map(handeler);
}

var mapSQ = currying(map, square);
mapSQ([1, 2, 3, 4, 5]);
mapSQ([6, 7, 8, 9, 10]);

var mapDB = currying(map, dubble);
mapDB([1, 2, 3, 4, 5]);
mapDB([6, 7, 8, 9, 10]);

例子中烘挫,我們通過(guò)currying這個(gè)方法來(lái)把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)(最初函數(shù)的第一個(gè)參數(shù))的函數(shù)。并且返回接受余下的參數(shù)而且返回結(jié)果柬甥。這也就是我們這次要討論的主題——函數(shù) 柯里化Currying.

柯里化不僅僅是提高了代碼的合理性饮六,更重的它突出一種思想——降低適用范圍,提高適用性苛蒲。

下面我們來(lái)看一下一個(gè)范圍更廣也更為大家所熟悉的例子

function Ajax(){
  this.xhr = new XMLHttpRequest();
}

Ajax.prototype.open = function(type, url, data, callback) {
  this.onload = function() {
    callback(this.xhr.responseText, this.xhr.status, this.xhr);
  }
  this.xhr.open(type, url, data.async);
  this.xhr.send(data.paras);
  'get post'.split(' ').forEach(function(mt) {
    Ajax.prototype[mt] = currying(Ajax.prototype.open, mt);
  }
}
var xhr1 = new Ajax();
xhr1.get('url', {}, function(data) {
  // do  some thing
})

var xhr2 = new Ajax();
xhr2.post('url', {}, function(data) {
  // done(data)
})

到這里卤橄,大家應(yīng)該就可以理解為什么我們可以用在用jQuery時(shí)可以用ajax.get, ajax.post這樣的方法了吧~并不是按強(qiáng)邏輯那樣重復(fù)寫(xiě)了很多不同的方法,而是利用了curry這個(gè)好幫手

后記:有些事物在你得到之前是無(wú)足輕重的臂外,得到之后就不可或缺了窟扑。微波爐是這樣,智能手機(jī)是這樣漏健,互聯(lián)網(wǎng)也是這樣——老人們?cè)跊](méi)有互聯(lián)網(wǎng)的時(shí)候過(guò)得也很充實(shí)嚎货。對(duì)我來(lái)說(shuō),函數(shù)的柯里化(curry)也是這樣蔫浆。

參考資料:JS 函數(shù)式編程指南

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末殖属,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子瓦盛,更是在濱河造成了極大的恐慌洗显,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谭溉,死亡現(xiàn)場(chǎng)離奇詭異墙懂,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)扮念,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)损搬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人柜与,你說(shuō)我怎么就攤上這事巧勤。” “怎么了弄匕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵颅悉,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我迁匠,道長(zhǎng)剩瓶,這世上最難降的妖魔是什么驹溃? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮延曙,結(jié)果婚禮上豌鹤,老公的妹妹穿的比我還像新娘。我一直安慰自己枝缔,他們只是感情好布疙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著愿卸,像睡著了一般灵临。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上趴荸,一...
    開(kāi)封第一講書(shū)人閱讀 51,692評(píng)論 1 305
  • 那天儒溉,我揣著相機(jī)與錄音,去河邊找鬼赊舶。 笑死睁搭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的笼平。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼舔痪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼寓调!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起锄码,我...
    開(kāi)封第一講書(shū)人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤夺英,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后滋捶,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體痛悯,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年重窟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了载萌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡巡扇,死狀恐怖扭仁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情厅翔,我是刑警寧澤乖坠,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站刀闷,受9級(jí)特大地震影響熊泵,放射性物質(zhì)發(fā)生泄漏仰迁。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一顽分、第九天 我趴在偏房一處隱蔽的房頂上張望徐许。 院中可真熱鬧,春花似錦怯邪、人聲如沸绊寻。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)澄步。三九已至,卻和暖如春和泌,著一層夾襖步出監(jiān)牢的瞬間村缸,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工武氓, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留梯皿,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓县恕,卻偏偏與公主長(zhǎng)得像东羹,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子忠烛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355