news 2026/6/25 16:52:08

js函数柯里化

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
js函数柯里化

柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新技术。

用数学表达式来理解可能更直观:

假设有一个函数f,它接受三个参数:

f(x, y, z) =result

柯里化之后,它变成了这样一系列的嵌套函数:

f(x)+f(y)+f(z)=result

也就是:

fn(x, y, z)变成fn(x)(y)(z)

核心思想:通过闭包缓存参数,直到集齐所有参数才执行最终逻辑。

简单代码示例:

function add(x, y,z) { return x + y + z; } console.log(add(1, 2, 3)); // 输出: 6

柯里化写法

function curriedAdd(x) { return function(y) { return function(z) { return x + y + z }; } } // 或者使用 ES6 箭头函数简化: const curriedAddArrow = x => y => z=>x + y + z; console.log(curriedAdd(1)(2)(3)); // 输出: 6

发生了什么?

  1. curriedAdd(1)执行后,返回了一个记住了x=1的新函数。

  2. 紧接着调用这个新函数并传入2,返回了一个记住了 y=2的新函数。

  3. 紧接着调用这个新函数并传入 3,返回了一个记住了 z=3的新函数。

  4. 内部函数访问闭包中的x和传入的y还有z,计算1 + 2 + 3

通用柯里化函数的实现 (核心技能)

function curry(fn) { // limit 是 fn 声明时定义的参数个数 (arity) const limit = fn.length; return function curried(...args) { // 1. 如果当前收集的参数 args 数量 >= limit,说明参数够了,执行原函数 if (args.length >= limit) { return fn.apply(this, args); //this是window,最后的结果是window.fn } else { // 2. 如果参数不够,返回一个新函数来继续接收剩余参数 (...moreArgs) return function(...moreArgs) { // 将之前的 args 和新的 moreArgs 合并,递归调用 curried return curried.apply(this, args.concat(moreArgs)); } } }; }

测试这个工具

// 一个接受4个参数的普通函数 function sum(a, b, c, d) { return a + b + c + d; } // 将其柯里化 const curriedSum = curry(sum); // 方式 1: 一次性传完 (依然支持) console.log(curriedSum(1, 2, 3, 4)); // 10 // 方式 2: 分步传参 (标准柯里化) console.log(curriedSum(1)(2)(3)(4)); // 10 // 方式 3: 混合传参 (非常灵活) console.log(curriedSum(1, 2)(3)(4)); // 10

使用方向与实战场景 (Use Cases)

你可能会问:“直接传参不好吗?为什么要搞这么麻烦?” 柯里化的主要优势在于:参数复用延迟执行代码组合

场景一:参数复用(创建偏函数)

假设我们需要验证很多个字符串是否符合某种正则表达式(例如验证是否是邮箱,或是否是数字)。

不使用柯里化:

function check(reg, txt) { return reg.test(txt); } // 每次都要传正则 check(/\d+/g, 'test'); // false check(/[a-z]+/g, 'test'); // true check(/\d+/g, '123'); // true

使用柯里化:我们可以固定住“正则”这个参数,生成具体的检测函数。

const curriedCheck = curry(check); // 使用上面定义的 curry 工具 // 创建专门验证数字的函数 (复用了 /\d+/g 参数) const hasNumber = curriedCheck(/\d+/g); // 创建专门验证字母的函数 const hasLetter = curriedCheck(/[a-z]+/g); // 现在使用起来非常语义化,且不用重复写正则 console.log(hasNumber('test')); // false console.log(hasNumber('123')); // true console.log(hasLetter('test')); // true

map等高阶函数配合

在处理数组时,柯里化能让代码极其简洁。

假设我们要获取数组中所有对象的id属性。

const persons = [{ id: 1, name: 'A' }, { id: 2, name: 'B' }]; // 普通写法 const ids1 = persons.map(p => p.id); // 柯里化写法 const getProp = curry((key, obj) => obj[key]); const getId = getProp('id'); // 预设我们要取 'id' // 代码极具可读性:map (获取id) const ids2 = persons.map(getId); console.log(ids2); // [1, 2]

. 总结 (Summary)

优点

  • 复用性:通过固定部分参数,生成功能更具体的小函数(如hasNumber,getId)。

  • 可读性:代码语义更加清晰,接近自然语言。

  • 延迟执行:直到所有参数凑齐前,函数都不会真正运行,可以分阶段积累数据。

  • 函数式编程基石:柯里化让函数变成了“单参数”函数,这使得函数组合(Composition)变得容易得多(类似流水线f(g(x)))。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/25 15:16:08

时序数据库InfluxDB迁移替换:运维人员常遇的3个隐性痛点

作为企业运维人员,每次启动时序数据库InfluxDB迁移替换项目,是否总被突发问题打乱节奏?明明已按规范完成数据导出、结构映射与接口适配,上线前夜却突然发现监控告警延迟飙升、历史查询响应超时,甚至因时间戳精度偏差导…

作者头像 李华
网站建设 2026/6/25 1:49:38

2026年的SEO:演进、挑战与未来的核心形态

当Google每天推送12次以上算法更新,当TikTok、ChatGPT等平台吞噬6%的全球搜索量(较去年增长200%),当“零点击搜索”让70%的用户无需打开网页就能获取答案——越来越多营销人开始质疑:2026年,SEO真的不行了吗…

作者头像 李华
网站建设 2026/6/25 16:43:04

为什么运维要转行

为什么运维要转行 粉丝提问: 在各种APP里经常看到,趁年轻赶紧远离运维,为什么? 互联网老兵是这样回答的: 运维有很多分类,有干实施运维的,有干交付运维的,也有自动化运维&#xf…

作者头像 李华
网站建设 2026/6/25 16:41:39

计算机Nodejs毕设实战-基于nodejs的宠物医院宠物就医挂号预约管理系统的设计与实现【完整源码+LW+部署说明+演示视频,全bao一条龙等】

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/6/25 16:42:20

给孩子配完眼镜度数还涨?你可能忽略了调节力这个问题

“刚给孩子配的眼镜,才半年时间,度数又涨了100多度,这到底是怎么回事?”相信很多家长都有过这样的困惑和焦虑。在大多数人的认知里,孩子近视后,配一副合适的眼镜就能控制度数增长,可现实往往事与…

作者头像 李华
网站建设 2026/6/25 16:44:56

外卖省钱类APP后端:Java实现霸王餐返利计算的通用算法与优化

外卖省钱类APP后端:Java实现霸王餐返利计算的通用算法与优化 在外卖平台的营销体系中,“霸王餐”作为一种高转化率的拉新促活手段,其核心逻辑之一是返利计算。用户完成指定订单后,系统需根据多维度规则(如订单金额、商…

作者头像 李华