JavaScript函数组合_Compose实现方法
函数组合是将多个函数串联，前一个输出作为下一个输入。在JavaScript中，compose函数通过reduceRight实现从右到左执行，如compose(f, g)(x)等价于f(g(x))；支持异步时可用async/await顺序处理；与pipe不同，后者从左到右执行，更直观但非数学定义的组合。掌握compose有助于写出更清晰、可复用的函数式代码。
函数组合（Function Composition）是函数式编程中的核心概念之一。它指的是将多个函数“串联”起来，前一个函数的输出作为下一个函数的输入。在JavaScript中，我们可以手动实现一个 compose 函数来简化这种操作。
什么是函数组合？
假设有两个函数 f 和 g，组合后的函数可以表示为 f(g(x))。这意味着我们先执行 g(x)，再把结果传给 f。这种从右到左的执行顺序是典型的函数组合方式。
基本实现：从右到左组合
下面是一个简单的 compose 实现，支持任意数量的函数，按从右到左的顺序执行：
function compose(...functions) { return function (x) { return functions.reduceRight((acc, fn) => fn(acc), x); }; }说明：
- ...functions 收集所有传入的函数
- reduceRight 保证从最后一个函数开始执行，符合组合的数学定义
- acc 是累积值，初始为传入的参数 x
使用示例：
const toUpper = str => str.toUpperCase(); const addExclamation = str => str + '!'; const greet = str => 'Hello, ' + str;const composed = compose(toUpper, addExclamation, greet); console.log(composed('world')); // 输出: HELLO, WORLD!
执行顺序是：greet → addExclamation → toUpper
增强版：支持异步函数和错误处理
如果需要处理异步函数，可以使用 reduceRight 结合 Promise：
function asyncCompose(...functions) {
return async function (x) {
let result = x;
for (let i = functions.length - 1; i >= 0; i--) {
result = await functions[i](result);
}
return result;
};
}
这种方式能确保异步函数按顺序执行，适合处理 async/await 场景。
与pipe的区别
有些库提供的是 pipe 函数，它的执行顺序是从左到右：
function pipe(...functions) { return function (x) { return functions.reduce((acc, fn) => fn(acc), x); }; }例如：pipe(f, g)(x) 等价于 g(f(x))，更符合直觉，但不是数学意义上的“组合”。
基本上就这些。掌握 compose 能让你写出更清晰、可复用的函数式代码。关键在于理解执行顺序和数据流向。不复杂但容易忽略细节。
