1. 程式人生 > 程式設計 >JavaScript函式柯里化實現原理及過程

JavaScript函式柯里化實現原理及過程

簡介
當我們在讀Vue原始碼到時候會發現,在它的 _update 例項中就用到了函式柯里化,(createPatchFunction方法)有興趣的可以

去看一下。

柯里化(Currying)是把接受多個引數的函式變換成接受一個單一引數(最初函式的第一個引數)的函式,並且返回接受餘下的引數而且返回結果的新函式的技術。

在《Mostly adequate guide》中,這樣總結了 Currying ——只傳遞給函式一部分引數來呼叫它,讓它返回一個函式去處理剩下的引數。

Currying 是函數語言程式設計的一種實現,可以給我們的程式設計帶來便利。那 Currying 函式到底長什麼樣呢?請往下看,我們根據它的概念自己來寫一個柯里化函式

實現

// 如何實現 add(1,2) === add(1)(2)
let add = (...args) => {
  return args.length === 1 ? a => a + args[0] : args[0] + args[1]
}

這個似乎有一點接近柯里化的意思,但並不是真正的Currying,我們應該做到 add(1,2,3,) === currying(add)(1,) 才能算是真正的柯里化函式,OK,我們繼續往下來,

let add = (...args) => args.reduce((a,b)=>a+b)
 
let currying = (fn)=>{
  return function(...args){
    return fn.apply(this,args)
  }
}
// add(1,)

還有人這麼玩,可以參考下

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

實際上這個實現方法利用閉包的原理,有時間給大家做個對比,

分析

可以看到,實際上柯里化函式並不算難,要想實際運用在我們的開發中,需要我們花點小心思~

參考:https://github.com/FIGHTING-TOP/FE-knowlodge-base/issues/4

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。