函数组合:compose与pipe实现方法

函数组合通过compose(从右到左)和pipe(从左到右)实现,分别使用reduceRight和reduce串联函数,提升代码抽象与可读性。

函数组合:compose与pipe实现方法

在函数式编程中,函数组合是一种将多个函数串联起来,前一个函数的输出作为下一个函数输入的技术。常见的两种实现方式是 composepipe,它们的核心思想相同,但执行顺序相反。

compose:从右到左执行

compose 接收多个函数作为参数,返回一个新的函数。调用这个新函数时,会从最右边的函数开始执行,逐步向左传递结果。

实现原理:使用 ...functions 收集所有传入的函数返回一个函数,接收初始参数利用 reduceRight 从右往左依次应用函数

代码实现:

const compose = (...functions) => (value) =>  functions.reduceRight((acc, fn) => fn(acc), value);

使用示例:

const toUpper = str => str.toUpperCase();const addExclamation = str => str + '!';const greet = str => 'Hello, ' + str;

const composed = compose(greet, toUpper, addExclamation);console.log(composed('world')); // 输出: Hello, WORLD!

pipe:从左到右执行

pipecompose 相反,它按照函数传入的顺序,从左到右依次执行,更符合多数人的阅读习惯。

实现原理:同样使用剩余参数收集函数列表返回一个高阶函数,接收初始值使用 reduce 从左往右累积执行结果

代码实现:

const pipe = (...functions) => (value) =>  functions.reduce((acc, fn) => fn(acc), value);

使用示例:

const double = x => x * 2;const increment = x => x + 1;const square = x => x ** 2;

const piped = pipe(increment, double, square);console.log(piped(3)); // ((3 + 1) * 2) ^ 2 = 64

实际应用建议

两者没有绝对优劣,选择取决于团队习惯和可读性需求。

数学上更贴近传统函数复合(f ∘ g),喜欢从内向外思考可用 compose希望逻辑流程与代码顺序一致,推荐使用 pipe注意函数应为一元函数(只接受一个参数)以保证组合顺畅可结合 lodash/fpramda 等库使用更成熟的组合工具

基本上就这些,掌握这两个模式能显著提升函数抽象能力。

以上就是函数组合:compose与pipe实现方法的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1539232.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 06:50:58
下一篇 2025年12月21日 09:04:48

相关推荐

发表回复

登录后才能评论
关注微信