JavaScript函數(shù)柯里化實(shí)現(xiàn)原理及過(guò)程
簡(jiǎn)介當(dāng)我們?cè)谧xVue源碼到時(shí)候會(huì)發(fā)現(xiàn),在它的 _update 實(shí)例中就用到了函數(shù)柯里化,(createPatchFunction方法)有興趣的可以
去看一下。
柯里化(Currying)是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)(最初函數(shù)的第一個(gè)參數(shù))的函數(shù),并且返回接受余下的參數(shù)而且返回結(jié)果的新函數(shù)的技術(shù)。
在《Mostly adequate guide》中,這樣總結(jié)了 Currying ——只傳遞給函數(shù)一部分參數(shù)來(lái)調(diào)用它,讓它返回一個(gè)函數(shù)去處理剩下的參數(shù)。
Currying 是函數(shù)式編程的一種實(shí)現(xiàn),可以給我們的編程帶來(lái)便利。那 Currying 函數(shù)到底長(zhǎng)什么樣呢?請(qǐng)往下看,我們根據(jù)它的概念自己來(lái)寫(xiě)一個(gè)柯里化函數(shù)
實(shí)現(xiàn)
// 如何實(shí)現(xiàn) add(1,2) === add(1)(2)let add = (...args) => { return args.length === 1 ? a => a + args[0] : args[0] + args[1]}
這個(gè)似乎有一點(diǎn)接近柯里化的意思,但并不是真正的Currying,我們應(yīng)該做到 add(1,2,3,,,) === currying(add)(1,2,3,,,) 才能算是真正的柯里化函數(shù),OK,我們繼續(xù)往下來(lái),
let add = (...args) => args.reduce((a,b)=>a+b) let currying = (fn)=>{ return function(...args){ return fn.apply(this, args) }}// add(1,2,3,,,) === currying(add)(1,2,3,,,)
還有人這么玩,可以參考下
let currying = (fn) => { var args = [].slice.call(arguments, 1) return function() { var newArgs = args.concat([].slice.call(arguments)) return fn.apply(this, newArgs) }} let addCurry = currying(add, 1, 2);addCurry() // 3 addCurry = currying(add, 1);addCurry(2) // 3 addCurry = currying(add);addCurry(1, 2) // 3
實(shí)際上這個(gè)實(shí)現(xiàn)方法利用閉包的原理,有時(shí)間給大家做個(gè)對(duì)比,
分析
可以看到,實(shí)際上柯里化函數(shù)并不算難,要想實(shí)際運(yùn)用在我們的開(kāi)發(fā)中,需要我們花點(diǎn)小心思~
參考:https://github.com/FIGHTING-TOP/FE-knowlodge-base/issues/4
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 用css截取字符的幾種方法詳解(css排版隱藏溢出文本)2. ASP.NET MVC遍歷驗(yàn)證ModelState的錯(cuò)誤信息3. jsp網(wǎng)頁(yè)實(shí)現(xiàn)貪吃蛇小游戲4. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向5. CSS hack用法案例詳解6. asp中response.write("中文")或者js中文亂碼問(wèn)題7. 將properties文件的配置設(shè)置為整個(gè)Web應(yīng)用的全局變量實(shí)現(xiàn)方法8. PHP設(shè)計(jì)模式中工廠模式深入詳解9. asp(vbs)Rs.Open和Conn.Execute的詳解和區(qū)別及&H0001的說(shuō)明10. ASP實(shí)現(xiàn)加法驗(yàn)證碼
