一文带你搞懂JavaScript Currying(柯里化)函数

开发 前端
柯里化(Currying)是一种关于函数的高阶技术。它不仅被用于 JavaScript,还被用于其他编程语言。

[[426293]]

大家好,我是进阶学习者。

一、什么柯里化(Currying)?

柯里化(Currying)是一种关于函数的高阶技术。它不仅被用于 JavaScript,还被用于其他编程语言。

柯里化是一种函数的转换,它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。柯里化不会调用函数。它只是对函数进行转换。

二、案例

例:

将创建一个辅助函数 curry(f),该函数将对两个参数的函数 f 执行柯里化。换句话说,对于两个参数的函数 f(a, b) 执行 curry(f) 会将其转换为以 f(a)(b) 形式运行的函数:

function curry(f) {  // curry(f) 执行柯里化转换 
  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 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.

运行结果:

注:

正如所看到的,实现非常简单:只有两个包装器(wrapper)。

  • curry(func) 的结果就是一个包装器 function(a)。
  • 当它被像 curriedSum(1) 这样调用时,它的参数会被保存在词法环境中,然后返回一个新的包装器 function(b)。
  • 然后这个包装器被以 2 为参数调用,并且,它将该调用传递给原始的 sum 函数。

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

例:

要了解,需要一个实际中的例子。

有一个用于格式化和输出信息的日志(logging)函数 log(date, importance, message)。在实际项目中,此类函数具有很多有用的功能,例如通过网络发送日志(log),在这儿仅使用 alert:

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

  • 1.
  • 2.

让将它柯里化!

log = _.curry(log); 
  • 1.

柯里化之后,log 仍正常运行:

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

运行结果:

……但是也可以以柯里化形式运行:

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

运行结果:

现在,可以轻松地为当前日志创建便捷函数:

// logNow 会是带有固定第一个参数的日志的偏函数 
let logNow = log(new Date());// 使用它 
 
logNow("INFO""message"); // [HH:mm] INFO message 
  • 1.
  • 2.
  • 3.
  • 4.

现在,logNow 是具有固定第一个参数的 log,换句话说,就是更简短的“偏应用函数(partially applied function)”或“偏函数(partial)”。

可以更进一步,为当前的调试日志(debug log)提供便捷函数:

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

注:

柯里化之后,没有丢失任何东西:log 依然可以被正常调用。

可以轻松地生成偏函数,例如用于生成今天的日志的偏函数。

四、高级柯里化实现

下面是用于多参数函数的“高级”柯里化实现,也可以把它用于上面的示例。

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

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

例:

function sum(a, b, c) {   
  return a + b + c;} 
let curriedSum = curry(sum); 
alert( curriedSum(1, 2, 3) ); // 6,仍然可以被正常调用 
alert( curriedSum(1)(2,3) ); // 6,对第一个参数的柯里化 
alert( curriedSum(1)(2)(3) ); // 6,全柯里化 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

运行结果:

五、总结

本文基于JavaScript基础,介绍了Currying 函数。Currying 是一种转换,将 f(a,b,c) 转换为可以被以 f(a)(b)(c) 的形式进行调用。

JavaScript 实现通常都保持该函数可以被正常调用,并且如果参数数量不足,则返回偏函数。Currying 函数让能够更容易地获取偏函数。通过按案例的分析进行详细的讲解。

代码很简单,希望对你学习有帮助。

本文转载自微信公众号「前端进阶学习交流」,可以通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。

 

责任编辑:武晓燕 来源: 前端进阶学习交流
相关推荐

2024-11-19 13:20:55

2021-09-07 09:46:40

JavaScriptGenerator函数

2020-12-03 08:23:23

函数柯里化代码

2023-03-06 21:29:41

mmap技术操作系统

2019-08-06 09:00:00

JavaScript函数式编程前端

2022-08-15 15:39:23

JavaScript面向对象数据

2021-09-11 10:41:27

PythonPickle模块

2021-09-27 07:39:52

Go初始化函数package

2021-08-05 06:54:05

观察者订阅设计

2021-12-01 11:40:14

Python 输入输出

2021-11-06 10:18:30

Python变量常量

2021-12-29 17:38:17

JavaScripttypeof前端

2024-04-12 12:19:08

语言模型AI

2022-03-24 08:51:48

Redis互联网NoSQL

2021-10-14 10:25:05

JavaScript类型函数

2021-07-21 09:24:25

MongoDB数据库 Python

2020-09-23 16:07:52

JavaScript函数柯里化

2021-10-11 10:19:48

Javascript 高阶函数前端

2021-03-22 10:05:59

netstat命令Linux

2023-09-08 08:20:46

ThreadLoca多线程工具
点赞
收藏

51CTO技术栈公众号