JavaScript函數(shù)柯里化實(shí)現(xià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ù)來調(diào)用它，讓它返回一個(gè)函數(shù)去處理剩下的參數(shù)。
Currying 是函數(shù)式編程的一種實(shí)現(xiàn)，可以給我們的編程帶來便利。那 Currying 函數(shù)到底長什么樣呢？請(qǐng)往下看，我們根據(jù)它的概念自己來寫一個(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ù)往下來，
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)用在我們的開發(fā)中，需要我們花點(diǎn)小心思~
參考：https://github.com/FIGHTING-TOP/FE-knowlodge-base/issues/4
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JS+CSS實(shí)現(xiàn)仿msn風(fēng)格選項(xiàng)卡效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)仿msn風(fēng)格選項(xiàng)卡效果代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁面元素css樣式實(shí)現(xiàn)切換功能的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
輸入自動(dòng)提示搜索提示功能的使用說明:sugggestion.txt
該js文件中的代碼實(shí)現(xiàn)了[輸入自動(dòng)搜索提示]功能,如百度、google搜索框中輸入一些字符會(huì)以下拉列表形式給出一些提示，提高了用戶體驗(yàn)2013-09-09
下面小編就為大家分享一篇webpack將js打包后的map文件詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了javascript放大鏡效果，照著別人的例子，自己試著做了個(gè)放大鏡效果，感興趣的小伙伴們可以參考一下2015-12-12
JS.findElementById()想必大家并不陌生吧，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-09-09
JavaScript拆分字符串時(shí)產(chǎn)生空字符的解決方案
使用JavaScript的split方法拆分字符串時(shí)出現(xiàn)一些空字符串""，尤其是當(dāng)使用正則表達(dá)式作為分隔符的時(shí)候。那么，產(chǎn)生這些空字符串的原因是什么？又該如何來處理呢，這就是今天我們要探討的問題2014-09-09
JavaScript?Generator異步過度的實(shí)現(xiàn)詳解
生成器Generator是JavaScript?ES6引入的特性，它讓我們可以分段執(zhí)行一個(gè)函數(shù)。但是在談?wù)撋善鳎℅enerator）之前，我們要先了解迭代器Iterator2022-08-08
如何實(shí)現(xiàn)JavaScript動(dòng)態(tài)加載CSS和JS文件
這篇文章主要為大家詳細(xì)介紹了JavaScript動(dòng)態(tài)加載CSS和JS文件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了使用async await 封裝 axios的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
微信小程序中網(wǎng)絡(luò)請(qǐng)求緩存的解決方法
這篇文章主要給大家介紹了關(guān)于微信小程序中網(wǎng)絡(luò)請(qǐng)求緩存的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12