DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> JavaScript函數柯裡化原理與用法分析
JavaScript函數柯裡化原理與用法分析
編輯: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相關內容可查看本站專題:《javascript面向對象入門教程》、《Javascript中json操作技巧總結》、《Javascript切換特效與技巧總結》、《Javascript查找算法技巧總結》、《Javascript動畫特效與技巧匯總》、《Javascript錯誤與調試技巧總結》、《Javascript數據結構與算法技巧總結》、《Javascript遍歷算法與技巧總結》及《Javascript數學運算用法總結》

希望本文所述對大家Javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved