函数组合是将多个单职责纯函数按顺序串联成新函数的数据流管道，如trim→toLowerCase→escapeHtml，具备可复用、易调试、易扩展、可预测等优势，显著优于嵌套调用。
函数组合是把多个小函数“串起来”，让前一个的输出自动变成后一个的输入，最终形成一个新函数的过程。它不是语法糖，而是一种组织逻辑的思维方式——用确定的、可测试的单元拼出复杂行为。
函数组合的本质是数据流管道
比如处理用户输入：
trim → toLowerCase → escapeHtml
每个函数只做一件事，且不依赖外部状态。组合后得到一个清晰的数据流向：原始字符串进来，干净、小写、安全的字符串出去。这种结构天然支持复用和替换——想加日志？在任意环节插入 console.log 即可；想换转义方式？只改 escapeHtml，不影响其他步骤。
它让复杂逻辑变得可推演、可拆解
- 没有隐藏分支或临时变量，每一步输入输出明确
- 调试时可单独运行中间函数，快速定位问题环节
- 新增需求（如加长度校验）只需插入一个新函数，不用动原有逻辑
- 配合纯函数使用时，整个流程可预测、可重复、可单元测试
组合比嵌套调用更易维护
对比两种写法：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
嵌套写法（难读、难改）：escapeHtml(toLowerCase(trim(input)))
组合写法（意图清晰、顺序直观）：
const sanitize = pipe(trim, toLowerCase, escapeHtml);<br>sanitize(input);
后者一眼看出执行顺序和职责分工，也方便后续扩展（比如加 debounce 或 throttle）。当逻辑增长到 5–6 步时，嵌套会迅速变成“括号地狱”，而组合仍保持线性可读。
它天然适配现代前端常见场景
- 表单验证：依次执行非空检查 → 格式校验 → 长度限制 → 提交前清理
- API 响应处理：解析 JSON → 提取 data 字段 → 过滤无效项 → 映射为 UI 模型
- 状态转换（如 Redux/Recoil）：将多个 reducer 逻辑组合成一个原子更新函数
- 中间件链（如 Express/Koa）：身份验证 → 权限检查 → 请求日志 → 路由分发
