快捷導(dǎo)航

JavaScript函數(shù)柯里化原理與用法分析

更新時(shí)間：2017年03月31日 10:56:24 作者：柒青衿

這篇文章主要介紹了JavaScript函數(shù)柯里化原理與用法,分析了函數(shù)柯里化的概念、原理、功能并結(jié)合實(shí)例形式給出了柯里化函數(shù)的具體使用技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript函數(shù)柯里化原理與用法。分享給大家供大家參考，具體如下：

柯里化是這樣的一個(gè)轉(zhuǎn)換過程，把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)(譯注：最初函數(shù)的第一個(gè)參數(shù))的函數(shù)，如果其他的參數(shù)是必要的，返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)。

也就是說是固定部分參數(shù)，返回一個(gè)接受剩余參數(shù)的函數(shù)，也稱為部分計(jì)算函數(shù)，目的是為了縮小適用范圍，創(chuàng)建一個(gè)針對性更強(qiáng)的函數(shù)。

例如，我想創(chuàng)建一個(gè)做自我介紹的函數(shù)，每個(gè)人只要輸入自己姓名、性別、年齡即可。但是當(dāng)A使用這個(gè)函數(shù)時(shí)，每次調(diào)用，都必須輸入一次自己姓名、性別，實(shí)際只是年齡改變了而已，為此A會為自己生成一個(gè)柯里化的自我介紹函數(shù)，其中姓名和性別是固定參數(shù)。

相關(guān)代碼請查看github.

function curry(fn){
  var args = Array.prototype.slice.call(arguments, 1);
  return function(){
    var innerArgs = Array.prototype.slice.call(arguments);
    var finalArgs = args.concat(innerArgs);
    return fn.apply(null, finalArgs);
  };
}
function selfIntroduction(name, gender, age){
  console.log('hi, I am ' + name + ', ' + age +' years old ' + '. I am a ' + gender + '.');
}
var curriedSelfIntroduction = curry(selfIntroduction, 'A', 'man');
curriedSelfIntroduction('12');
curriedSelfIntroduction('13');
curriedSelfIntroduction('14');

執(zhí)行以后結(jié)果。

當(dāng)然，我們也可以寫一個(gè)綁定新作用域的柯里化函數(shù)。

function curry(fn, context){
  var args = Array.prototype.slice.call(arguments, 2);
  return function(){
    var innerArgs = Array.prototype.slice.call(arguments);
    var finalArgs = args.concat(innerArgs);
    return fn.apply(context, finalArgs);
  };
}

盡管柯里化函數(shù)已經(jīng)很牛了，但是它也讓你必須花費(fèi)點(diǎn)小心思在你所定義函數(shù)的參數(shù)順序上。函數(shù)柯里化允許和鼓勵(lì)你分隔復(fù)雜功能變成更小更容易分析的部分。這些小的邏輯單元顯然是更容易理解和測試的，然后你的應(yīng)用就會變成干凈而整潔的組合，由一些小單元組成的組合。所以如果你能恰當(dāng)使用柯里化函數(shù)，會使得你的JS代碼更優(yōu)雅。

注意：建議你看一看ES6（ES2015）中的Proxy，這是另一種對函數(shù)進(jìn)行預(yù)處理的方法。