首頁  >  文章  >  web前端  >  你知道什麼是柯里化原理嗎? JavaScript函數柯里化原理與用法實例

你知道什麼是柯里化原理嗎? JavaScript函數柯里化原理與用法實例

零下一度
零下一度原創
2017-04-21 09:58:431425瀏覽

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

本文實例講述了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,這是另一個對函數進行預處理的方法。

以上是你知道什麼是柯里化原理嗎? JavaScript函數柯里化原理與用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn