JavaScript函數柯里化原理與用法分析

2019-11-19 16:57:56

字體：大中小

來源：轉載

供稿：網友

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

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

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

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

相關代碼請查看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');

執行以后結果。

當然，我們也可以寫一個綁定新作用域的柯里化函數。

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);  };}

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

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