函数组合是将多个函数串联，前一个的输出作为后一个的输入，如(f ∘ g)(x) = f(g(x))；通过pipe函数实现从左到右的管道操作，提升代码可读性与维护性，适用于处理字符串、数据转换等场景。
函数组合与管道操作是函数式编程中的核心概念，它们能有效提升代码的可读性与可维护性。通过将复杂逻辑拆解为多个小而专注的函数，并以清晰的方式串联执行流程，可以让代码更接近自然语言的表达方式。
什么是函数组合？
函数组合（Function Composition）是指将多个函数连接起来，前一个函数的输出作为下一个函数的输入。数学上表示为：(f ∘ g)(x) = f(g(x))。在 JavaScript 中，虽然没有原生的组合操作符，但可以通过高阶函数实现。
例如，有两个函数：
const toUpperCase = str => str.toUpperCase();const addExclamation = str => str + '!';
组合后的使用方式为：
const shout = str => addExclamation(toUpperCase(str));
这样 shout('hello') 就会返回 'HELLO!'。虽然可行，但嵌套调用多了会降低可读性。
使用管道操作简化流程
管道（Pipe）是一种从左到右执行函数链的方式，更符合人类阅读习惯。我们可以定义一个通用的 pipe 函数：
const pipe = (...fns) => (value) => fns.reduce((acc, fn) => fn(acc), value);
然后重写上面的例子：
const shout = pipe( toUpperCase, addExclamation );
现在函数的执行顺序一目了然：先转大写，再加感叹号。如果还要添加去除空格或反转字符串等步骤，只需在中间插入对应函数即可，无需修改原有逻辑。
实际应用场景
假设需要处理用户输入的姓名：去空格、首字母大写、添加问候语。可以这样组织代码：
const trim = str => str.trim();const capitalize = str => str[0].toUpperCase() + str.slice(1).toLowerCase();const greet = name => `Hello, ${name}`;
使用管道组合：
const processName = pipe(trim, capitalize, greet);
processName(' john '); // "Hello, John"
每个函数职责单一，组合方式清晰，后期修改或复用都变得容易。
提升可读性的关键点
函数组合和管道的核心价值在于让代码意图更明确。注意以下几点能进一步增强效果：
- 保持函数纯度：避免副作用，确保相同输入总有相同输出
- 命名清晰：函数名应准确描述其行为，如
validateEmail、formatCurrency - 控制函数粒度：不宜过长也不宜过细，一个函数做一件事
- 结合类型检查或注释：帮助理解数据流动过程
基本上就这些。合理运用函数组合与管道，能让逻辑流变得更直观，减少嵌套和临时变量，写出既简洁又易懂的代码。不复杂但容易忽略。
