信息发布→ 登录 注册 退出

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

发布时间:2025-11-22

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

函数式编程中,函数组合是一种将多个函数串联起来,前一个函数的输出作为下一个函数输入的技术。常见的两种实现方式是 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 等库使用更成熟的组合工具

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

标签:# 工具  # amd  # red  # 多个  # 一个函数  # 是一种  # 两种  # 推荐使用  # 这两个  # 向外  # 多数人  # 高阶  # 实际应用  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!