函数组合：compose与pipe实现方法-js教程-PHP中文网

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

紅蓮之龍

发布： 2025-11-22 22:48:06

原创

946人浏览过

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

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

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

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;
<p>const composed = compose(greet, toUpper, addExclamation);
console.log(composed('world')); // 输出: Hello, WORLD!

登录后复制

pipe：从左到右执行

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

Android配合WebService访问远程数据库中文WORD版

采用HttpClient向服务器端action请求数据，当然调用服务器端方法获取数据并不止这一种。WebService也可以为我们提供所需数据，那么什么是webService呢？，它是一种基于SAOP协议的远程调用标准，通过webservice可以将不同操作系统平台，不同语言，不同技术整合到一起。实现Android与服务器端数据交互，我们在PC机器java客户端中，需要一些库，比如XFire,Axis2,CXF等等来支持访问WebService，但是这些库并不适合我们资源有限的android手机客户端，

查看详情

实现原理：

同样使用剩余参数收集函数列表
返回一个高阶函数，接收初始值
使用 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;
<p>const piped = pipe(increment, double, square);
console.log(piped(3)); // ((3 + 1) * 2) ^ 2 = 64

登录后复制