用場景去理解函數柯里化(入門篇)

前言

函數柯里化就是將多參簡化爲單參數的一種技術方式，其最終支持的是方法的連續調用，每次返回新的函數，在最終符合條件或者使用完全部的傳參時終止函數調用。

場景實例

與其餘文章不一樣，我在本文會重點分享一些柯里化的經典使用場景，讓你在學會這點技巧後能切實的提高代碼的可維護性。

編寫可重用小模塊代碼

好比咱們有個方法部分邏輯前置是相同的，後面的執行是由於參數不一樣致使結果不一樣的，下面是代碼部分。

計算商品的折扣，咱們須要根據不一樣的折扣以及商品的入參返回其實際的價格。

// before
function getPrice(price,discount){
	return price * discount;
}

let price = getPrice(500,0.1);


// after 
function getPrice(discount){
	return price =>{
  	return price * discount
  }
}
// 使用,在這種使用效果下，咱們能夠固定的肢解拿到百分之十折扣的函數，
//也就是針對使用0.1折扣的商品價格均可以簡化這個折扣的傳遞,從而達到簡化參數的目的
//那麼從函數的運行上來說，也比以前的效率高了，若是解析折扣的過程比較複雜
let tenDiscount = getPrice(0.1);
let price = tenDiscount(500);

let price = getPrice(0.1)(500)

複製代碼

看上去有點雞肋，由於咱們原本的寫法很簡單，使用了柯里化反而讓簡單的事情變得複雜了，這主要是由於沒有達到咱們要把一個函數變成柯里化的經典場景。假如你下面的代碼變成了下面這樣，也許你就能覺察出若是有使用柯里化就會很是方便了，由於針對第一個參數作了若干的處理，甚至能夠稱爲一個算法或者完整的邏輯判斷流程，那麼若是有多個參數調用都涉及這個方法的調用，同一個參數的這部分邏輯是相同能夠共用跳過的。codepen鏈接：連接

// complexed fun 
function getPriceComplex(price,discount){
  let actualDiscount = 1;
  if(discount > 0.8 ) {
  	actualDiscount = 0.8;
  } else if(discount > 0.5){
  	actualDiscount = 0.5;
  } else {
    actualDiscount = 0.1;
  }
  let actualPrice = price - price % 100 ;
	return actualPrice * actualDiscount;
}

// complexed fun better
function getPriceComplexBetter(discount){
  let actualDiscount = 1;
  if(discount > 0.8 ) {
  	actualDiscount = 0.8;
  } else if(discount > 0.5){
  	actualDiscount = 0.5;
  } else {
    actualDiscount = 0.1;
  }
  return price => {
  	 let actualPrice = price - price % 100 ;
			return actualPrice * actualDiscount;
  }
}


console.log(getPriceComplex(500,0.9))
let exp1 = getPriceComplexCp(0.9);
console.log(exp1);
/** price => { let actualPrice = price - price % 100; return actualPrice * actualDiscount; }*/
// 相同的輸入參數時 能夠緩存下以前代碼邏輯的執行結果 實現模塊的可重用，若是你以前的邏輯是一個純函數
console.log(exp1(500))// 400
console.log(exp1(400))// 320


// get real discount 
// 當你針對第一個參數的邏輯較爲複雜時，出於可維護角度，建議如此 ;
// 當你另一個邏輯也是基於這個返回結果時，出於重用角度，建議如此
function getActualDiscount(discount){
   let actualDiscount = 1;
  if(discount > 0.8 ) {
  	actualDiscount = 0.8;
  } else if(discount > 0.5){
  	actualDiscount = 0.5;
  } else {
    actualDiscount = 0.1;
  }
  return actualDiscount;
}
// complexed fun best
function getPriceComplexBest(discount){
  let actualDiscount =getActualDiscount(discount);
  return price => {
  	 let actualPrice = price - price % 100 ;
			return actualPrice * actualDiscount;
  }
}

複製代碼

總結，不管如何，咱們使用某種技巧或者封裝或者其餘，都是爲了讓代碼更可用，原先複雜不可測試、不可理解的代碼變得更有調理，更節省性能的角度出發的，當你的思惟方式中有這種的時候，你就不會以爲是爲了形式而使用，而是你的編碼習慣或者風格就是如此。

簡單改造普通函數爲柯里

假如咱們須要把一個原來非柯里的函數如何快速改造，在不影響原來主要代碼邏輯的狀況下，想下咱們代碼可能如何寫？

// 只考慮兩個參數
function add(a,b){
 return a + b
}

// 但若是你是用柯里化的方式:兩個參數的時候 ，但這樣對原代碼變更很是大，對於一些複雜的邏輯，這基本不可能
function curryAdd(...args){
  return (...newArgs) => {
  	return anoNumber * number;
  };
}

// 咱們寫一個通用的柯里化函數的方式,通過這個函數的轉換，咱們能夠將調用方式簡化
function curry = (fn,...args){
	return (..._args)=>{
  	return fn(...args, ..._arg);
  }
}

let curryAdd = curry(add,10);
let curryAdd2 = curryAdd(11)
複製代碼

不定參數的累加

一個比較經典的練手題，把下面的代碼用柯里化的方式實現，其難點簡單分析以下：若是你沒有了解過柯里化，可能以爲基本沒法完成。

1 動態入參個數，這個也許還能夠經過arguments循環完成
2 每次都能接受新的參數繼續累加，這必須是返回新函數並帶有以前的結果，要求是具備柯里化特色
3 每次不在追加參數時，須要能獲得的值，這個須要你瞭解toString方法來改變結果值

實現一個add方法，使計算結果可以知足以下預期： add(1)(2)(3) = 6

add(1, 2, 3)(4) = 10

add(1)(2)(3)(4)(5) = 15

function add() {
    // 第一次執行時，定義一個數組專門用來存儲全部的參數
    var _args = [].slice.call(arguments);
    // 在內部聲明一個函數，利用閉包的特性保存_args並收集全部的參數值,執行時已經收集全部參數爲數組
    var adder = function () {
        var _adder = function() {
          // 執行收集動做，每次傳入的參數都累加到原參數
            [].push.apply(_args, [].slice.call(arguments));
            return _adder;
        };
        // 利用隱式轉換的特性，當最後執行時隱式轉換，並計算最終的值返回
        _adder.toString = function () {
            return _args.reduce(function (a, b) {
                return a + b;
            });
        }
        return _adder;
    }
    return adder(_args);
}
複製代碼

備註：codepen中的console.log方法被重寫，會有報錯的問題，你能夠直接經過瀏覽器的console控制檯調試這個方法。

部分參數應用

部分參數應用是指有些場景是但願固定傳遞多個參數，來獲得其固定的函數，而後基於這個函數去執行代碼。相似於第一個例子中的一個折扣參數得出折扣算法的使用。咱們將第一個例子再複雜化一些。就會變成這樣的。

function getActualDiscount(custoemrLevel,discount){
	
}
function getPriceComplex (custoemrLevel,discount){
	let actualDiscount = getActualDiscount(custoemrLevel,discount);
  return price=>{
  	return price * actualDiscount;
  }
}
// 等級一的折扣策略 
let strategyLev1WithOnepoint = getPriceComplex('lev1',0.1) ;
let actualPrice = strategyLev1WithOnepoint(500);
複製代碼

參考文章

• 理解函數柯里化連接
• jser語雀專輯原文：場景理解函數柯里化