快捷導(dǎo)航

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

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

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

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

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

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

例如，我想創(chuàng)建一個做自我介紹的函數(shù)，每個人只要輸入自己姓名、性別、年齡即可。但是當A使用這個函數(shù)時，每次調(diào)用，都必須輸入一次自己姓名、性別，實際只是年齡改變了而已，為此A會為自己生成一個柯里化的自我介紹函數(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é)果。

當然，我們也可以寫一個綁定新作用域的柯里化函數(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)很牛了，但是它也讓你必須花費點小心思在你所定義函數(shù)的參數(shù)順序上。函數(shù)柯里化允許和鼓勵你分隔復(fù)雜功能變成更小更容易分析的部分。這些小的邏輯單元顯然是更容易理解和測試的，然后你的應(yīng)用就會變成干凈而整潔的組合，由一些小單元組成的組合。所以如果你能恰當使用柯里化函數(shù)，會使得你的JS代碼更優(yōu)雅。

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