快捷導(dǎo)航

JavaScript函數(shù)柯里化實(shí)現(xiàn)原理及過程

更新時(shí)間：2020年12月02日 09:54:32 作者：王者歸來！

這篇文章主要介紹了JavaScript函數(shù)柯里化實(shí)現(xiàn)原理及過程,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

簡(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ù)來調(diào)用它，讓它返回一個(gè)函數(shù)去處理剩下的參數(shù)。

Currying 是函數(shù)式編程的一種實(shí)現(xiàn)，可以給我們的編程帶來便利。那 Currying 函數(shù)到底長(zhǎng)什么樣呢？請(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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: