一文帶你搞懂JavaScript Currying（柯里化）函數(shù)

作者：前端進(jìn)階者 2021-09-28 07:12:10

柯里化(Currying)是一種關(guān)于函數(shù)的高階技術(shù)。它不僅被用于 JavaScript，還被用于其他編程語言。

大家好，我是進(jìn)階學(xué)習(xí)者。

一、什么柯里化(Currying)?

柯里化(Currying)是一種關(guān)于函數(shù)的高階技術(shù)。它不僅被用于 JavaScript，還被用于其他編程語言。

柯里化是一種函數(shù)的轉(zhuǎn)換，它是指將一個(gè)函數(shù)從可調(diào)用的 f(a, b, c) 轉(zhuǎn)換為可調(diào)用的 f(a)(b)(c)。柯里化不會(huì)調(diào)用函數(shù)。它只是對(duì)函數(shù)進(jìn)行轉(zhuǎn)換。

二、案例

例：

將創(chuàng)建一個(gè)輔助函數(shù) curry(f)，該函數(shù)將對(duì)兩個(gè)參數(shù)的函數(shù) f 執(zhí)行柯里化。換句話說，對(duì)于兩個(gè)參數(shù)的函數(shù) f(a, b) 執(zhí)行 curry(f) 會(huì)將其轉(zhuǎn)換為以 f(a)(b) 形式運(yùn)行的函數(shù)：

function curry(f) {  // curry(f) 執(zhí)行柯里化轉(zhuǎn)換 
  return function(a) { 
    return function(b) { 
      return f(a, b); 
    }; 
  }; 
} 
// 用法 
function sum(a, b) { 
  return a + b; 
} 
let curriedSum = curry(sum); 
alert( curriedSum(1)(2) ); // 3

運(yùn)行結(jié)果：

注:

正如所看到的，實(shí)現(xiàn)非常簡(jiǎn)單：只有兩個(gè)包裝器(wrapper)。

curry(func) 的結(jié)果就是一個(gè)包裝器 function(a)。
當(dāng)它被像 curriedSum(1) 這樣調(diào)用時(shí)，它的參數(shù)會(huì)被保存在詞法環(huán)境中，然后返回一個(gè)新的包裝器 function(b)。
然后這個(gè)包裝器被以 2 為參數(shù)調(diào)用，并且，它將該調(diào)用傳遞給原始的 sum 函數(shù)。

三、目的是什么?它有什么好處?

例：

要了解，需要一個(gè)實(shí)際中的例子。

有一個(gè)用于格式化和輸出信息的日志(logging)函數(shù) log(date, importance, message)。在實(shí)際項(xiàng)目中，此類函數(shù)具有很多有用的功能，例如通過網(wǎng)絡(luò)發(fā)送日志(log)，在這兒僅使用 alert：

function log(date, importance, message) {  alert([${date.getHours()}:${date.getMinutes()}] [${importance}] ${message}); 
}

讓將它柯里化!

log = _.curry(log);

柯里化之后，log 仍正常運(yùn)行：

log(new Date(), "DEBUG", "some debug"); // log(a, b, c)

運(yùn)行結(jié)果：

……但是也可以以柯里化形式運(yùn)行：

log(new Date())("DEBUG")("some debug"); // log(a)(b)(c)

運(yùn)行結(jié)果：

現(xiàn)在，可以輕松地為當(dāng)前日志創(chuàng)建便捷函數(shù)：

// logNow 會(huì)是帶有固定第一個(gè)參數(shù)的日志的偏函數(shù) 
let logNow = log(new Date());// 使用它 
 
logNow("INFO", "message"); // [HH:mm] INFO message

現(xiàn)在，logNow 是具有固定第一個(gè)參數(shù)的 log，換句話說，就是更簡(jiǎn)短的“偏應(yīng)用函數(shù)(partially applied function)”或“偏函數(shù)(partial)”。

可以更進(jìn)一步，為當(dāng)前的調(diào)試日志(debug log)提供便捷函數(shù)：

let debugNow = logNow("DEBUG"); 
debugNow("message"); // [HH:mm] DEBUG message

注：

柯里化之后，沒有丟失任何東西：log 依然可以被正常調(diào)用。

可以輕松地生成偏函數(shù)，例如用于生成今天的日志的偏函數(shù)。

四、高級(jí)柯里化實(shí)現(xiàn)

下面是用于多參數(shù)函數(shù)的“高級(jí)”柯里化實(shí)現(xiàn)，也可以把它用于上面的示例。

function curry(func) {  
  return function curried(...args) {     
    if (args.length >= func.length) {       
      return func.apply(this, args);    }  
    else {      return function(...args2) {  
      return curried.apply(this, args.concat(args2));       
    }    
         }  
  }; 
}

例：

function sum(a, b, c) {   
  return a + b + c;} 
let curriedSum = curry(sum); 
alert( curriedSum(1, 2, 3) ); // 6，仍然可以被正常調(diào)用 
alert( curriedSum(1)(2,3) ); // 6，對(duì)第一個(gè)參數(shù)的柯里化 
alert( curriedSum(1)(2)(3) ); // 6，全柯里化