函数组合和管道操作通过串联函数实现数据流式处理，提升代码可读性与维护性。
函数组合和管道操作是函数式编程中的核心概念，在JavaScript中被广泛应用于数据处理、中间件机制和逻辑串联场景。它们让代码更清晰、可读性更强，也更容易测试和维护。
什么是函数组合（Function Composition）？
函数组合是指将多个函数“连接”起来，前一个函数的输出作为下一个函数的输入。数学上可以表示为：(f ∘ g)(x) = f(g(x))。在JavaScript中，我们可以通过高阶函数实现这种组合。
例如，有两个函数：
const toUpperCase = str => str.toUpperCase(); const addExclamation = str => str + '!';
如果我们想先转大写再加感叹号，可以这样写：
立即学习“Java免费学习笔记（深入）”；
const result = addExclamation(toUpperCase('hello')); // 'HELLO!'
但这种方式嵌套深，不易读。我们可以封装一个compose函数从右到左执行：
const compose = (...fns) => x =>
fns.reduceRight((acc, fn) => fn(acc), x);
const transform = compose(addExclamation, toUpperCase);
transform('hello'); // 'HELLO!'
管道操作（Pipe）：更自然的顺序
有些人觉得从右到左不符合阅读习惯，于是有了pipe函数，它从左到右执行函数链：
const pipe = (...fns) => x =>
fns.reduce((acc, fn) => fn(acc), x);
const transform = pipe(toUpperCase, addExclamation);
transform('world'); // 'WORLD!'
这种写法更符合“数据流动”的直觉：数据进入第一个函数，然后一步步向后传递。
实际应用中，比如处理用户输入：
const cleanInput = pipe(
str => str.trim(),
str => str.toLowerCase(),
str => str.replace(/\s+/g, '_')
);
cleanInput(' Hello World '); // 'hello_world'
中间件机制中的管道思想
Express、Koa等框架的中间件本质上就是管道模式。每个中间件是一个函数，处理请求后决定是否调用下一个（next）。
Koa的中间件结构如下：
app.use(async (ctx, next) => {
console.log('Before');
await next();
console.log('After');
});
这些中间件会被组合成一个洋葱模型的执行链。Koa内部使用compose函数将中间件数组转换为一个可执行的函数链。
我们可以自己实现一个简化版的中间件组合器：
function composeMiddleware(middlewareList) {
return function (context) {
const dispatch = i => {
if (i >= middlewareList.length) return Promise.resolve();
const fn = middlewareList[i];
return Promise.resolve(fn(context, () => dispatch(i + 1)));
};
return dispatch(0);
};
}
调用时：
const middleware = [
async (ctx, next) => {
ctx.step1 = 'done';
await next();
},
async (ctx, next) => {
ctx.step2 = 'done';
await next();
}
];
const fn = composeMiddleware(middleware);
const ctx = {};
fn(ctx).then(() => console.log(ctx)); // { step1: 'done', step2: 'done' }
实用技巧与注意事项
使用函数组合和管道时注意以下几点：
- 确保每个函数都接收单一参数，返回值能被下一个函数接受
- 异步函数需要配合
async/await或Promise使用 - 调试时可在链中插入日志函数：
pipe(f1, log, f2) - 避免组合过长的函数链，影响可读性
现代JavaScript还支持管道提案（如TC39的Pipeline Operator |>），未来可能原生支持类似F#的语法：
// 如果支持 'hello' |> toUpperCase |> addExclamation; // 'HELLO!'
基本上就这些。函数组合和管道不只是语法糖，它们体现了一种“数据流经处理步骤”的编程思维，特别适合构建清晰、可复用的逻辑链条。无论是数据转换还是中间件系统，掌握这个模式都能让你写出更优雅的代码。
