摘要:我們終于寫完了這個神奇的函數(shù),它真的很強(qiáng)大,配合,那真是一個字,爽。
最近在學(xué)習(xí)javascript函數(shù)式編程,對其中大名鼎鼎的curry十分感興趣,curry函數(shù)可以接受一個函數(shù),我們暫且稱之為原始函數(shù),返回的也是一個函數(shù),柯里化函數(shù),這個返回的柯里化函數(shù)功能十分強(qiáng)大,他在執(zhí)行的過程中,不斷的返回一個貯存了傳入?yún)?shù)的函數(shù),直到觸發(fā)了原始函數(shù)執(zhí)行的條件。這么說比較概括,那么就舉個例子來說明一下:
原始函數(shù):
var add = (x, y) => x + y
柯里化函數(shù):
var curryAdd = curry(add)
這個add需要兩個參數(shù),但是我們的curryAdd執(zhí)行可以傳入更少的參數(shù),當(dāng)傳入的參數(shù)少于add需要的參數(shù)的時候,add函數(shù)并不會執(zhí)行,curryAdd就會將這個參數(shù)記下來,并且返回另外一個函數(shù),這個函數(shù)可以繼續(xù)執(zhí)行傳入?yún)?shù),我們會有一個變量專門記錄傳入?yún)?shù)的情況,如果傳入?yún)?shù)的總數(shù)等于add需要參數(shù)的總數(shù),我們就激活了原始參數(shù)執(zhí)行,就會返回我們想要的結(jié)果。
// 此時只傳入了一個參數(shù) 根據(jù)判斷返回的是一個函數(shù) var add2 = curryAdd(2) // add2 = function(...) {}
// 此時累計傳入了兩個參數(shù) 等于了add需要參數(shù)的總和 所以返回的是一個結(jié)果 // 相當(dāng)于執(zhí)行了add(2)(3) var result = add2(3) // result = 5
還是很不錯的是吧,好吧,我們的目的是為了寫出這個神奇curry函數(shù),而且還要一行寫出來,不要著急,先分析一下怎么去寫,然后再一步步的優(yōu)化。
那根據(jù)上面的描述,我們看一下curry函數(shù)需要什么,首先需要一個變量,用來存下來原始函數(shù)的參數(shù)個數(shù),我們知道function有一個屬性為length,對就是它,我們用limit存下來
var curry = function(fn) { var limit = fn.length ... }
curry函數(shù)要返回一個函數(shù), 這個函數(shù)是要執(zhí)行的,那么問題就是,我們要判斷這個函數(shù)的執(zhí)行是否激活了原始函數(shù)的執(zhí)行,問題就出現(xiàn)在傳入的參數(shù)上面。返回函數(shù)還是結(jié)果?這的確是一個問題,
我們先寫返回結(jié)果的情況,當(dāng)傳入的參數(shù)等于原始函數(shù)需要的參數(shù)時,我們執(zhí)行原始函數(shù)fn
var curry = function(fn) { var limit = fn.length return function (...args) { if (args.length >= limit) { return fn.apply(null, args) } } }
否則呢 我們就要返回一個貯存了參數(shù)的函數(shù),這里有兩點,一是參數(shù)的傳入歷史我們要記錄下來,二是這個返回的函數(shù)需要做些什么
var curry = function(fn) { var limit = fn.length return function (...args) { if (args.length >= limit) { return fn.apply(null, args) } else { return function(...args2) { } } } }
看出來了吧 我們只需要把返回函數(shù)執(zhí)行的參數(shù)累加起來就達(dá)到了記錄參數(shù)傳入情況的目的,于是我們想到了concat 對 args.concat(args2), 依次類推,我們返回的函數(shù)要做的就是重復(fù)做上面的事情,也就是參數(shù)為args的函數(shù)要做的事情,所以他需要一個名字,不然我們沒法執(zhí)行,我們叫它judgeCurry
所以正如我們所說的,要么返回一個函數(shù),要么執(zhí)行原始函數(shù)。
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函數(shù),它真的很強(qiáng)大,配合compose,那真是一個字,爽。
我們的目的還是一行把上面那個函數(shù)寫出來,一行寫?怎么寫?對了,用ES6啊,于是一番折騰
var currySingle = fn => judgeCurry = (...args) => args.length >= fn.length ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2))
好,我們看一下哪有問題,對了,就是我們?yōu)榱瞬挥胠imit參數(shù),用了就得賦值,賦值就不能一行搞定了,就會變成這樣
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)) }
需要判斷參數(shù)的時候不斷的對fn.length求值,但是fn.length的值是確定的,我們不想每次都求值,但又不想用limit怎么辦,有什么辦法呢?你一定想到了,立即執(zhí)行函數(shù)??!
var currySingle = fn => ((limit) => judgeCurry = (...args) => args.length >= limit ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2)))(fn.length)
不得不感嘆javascript的神奇,終于,我們就一行將這個神奇的curry寫出來了。。。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/81392.html
摘要:組合的概念是非常直觀的,并不是函數(shù)式編程獨有的,在我們生活中或者前端開發(fā)中處處可見。其實我們函數(shù)式編程里面的組合也是類似,函數(shù)組合就是一種將已被分解的簡單任務(wù)組織成復(fù)雜的整體過程。在函數(shù)式編程的世界中,有這樣一種很流行的編程風(fēng)格。 JavaScript函數(shù)式編程,真香之認(rèn)識函數(shù)式編程(一) 該系列文章不是針對前端新手,需要有一定的編程經(jīng)驗,而且了解 JavaScript 里面作用域,閉...
摘要:譯者團(tuán)隊排名不分先后阿希冬青蘿卜萌萌輕量級函數(shù)式編程第章融會貫通現(xiàn)在你已經(jīng)掌握了所有需要掌握的關(guān)于輕量級函數(shù)式編程的內(nèi)容?;仡^想想我們用到的函數(shù)式編程原則。這兩個函數(shù)組合成一個映射函數(shù)通過,這就是融合見第章。 原文地址:Functional-Light-JS 原文作者:Kyle Simpson-《You-Dont-Know-JS》作者 關(guān)于譯者:這是一個流淌著滬江血液的純粹工程:...
摘要:所以下面介紹一些函數(shù)式編程的知識和概念。函數(shù)式編程的一個明顯的好處就是這種聲明式的代碼,對于無副作用的純函數(shù),我們完全可以不考慮函數(shù)內(nèi)部是如何實現(xiàn)的,專注于編寫業(yè)務(wù)代碼。我會在下一篇文章中介紹函數(shù)式編程的更加高階一些的知識,例如等等概念。 一、引言 說到函數(shù)式編程,大家可能第一印象都是學(xué)院派的那些晦澀難懂的代碼,充滿了一大堆抽象的不知所云的符號,似乎只有大學(xué)里的計算機(jī)教授才會使用這些東...
摘要:原文鏈接和都支持函數(shù)的柯里化函數(shù)的柯里化還與的函數(shù)編程有很大的聯(lián)系如果你感興趣的話可以在這些方面多下功夫了解相信收獲一定很多看本篇文章需要知道的一些知識點函數(shù)部分的閉包高階函數(shù)不完全函數(shù)文章后面有對這些知識的簡單解釋大家可以看看什么是柯里化 原文鏈接 Haskell和scala都支持函數(shù)的柯里化,JavaScript函數(shù)的柯里化還與JavaScript的函數(shù)編程有很大的聯(lián)系,如果你感興...
摘要:高階函數(shù)函數(shù)式編程中,接受函數(shù)作為參數(shù),或者返回一個函數(shù)作為結(jié)果的函數(shù)通常就被稱為高階函數(shù)。均屬于高階函數(shù),高階函數(shù)并不神秘,我們?nèi)粘>幊桃矔玫?。參考演算函?shù)式編程指南入門康托爾哥德爾圖靈永恒的金色對角線原文函數(shù)與演算 緣起 造了一個輪子,根據(jù)GitHub項目地址,生成項目目錄樹,直觀的展現(xiàn)項目結(jié)構(gòu),以便于介紹項目。歡迎Star。 repository-tree 技術(shù)棧: ES6 ...
閱讀 1930·2021-09-29 09:35
閱讀 2791·2021-09-22 15:25
閱讀 2043·2021-08-23 09:43
閱讀 2114·2019-08-30 15:54
閱讀 3407·2019-08-30 15:53
閱讀 2455·2019-08-30 13:50
閱讀 2468·2019-08-30 11:24
閱讀 2337·2019-08-29 15:37