17370845950

JavaScript的函数式风格指以纯函数、不可变数据、声明式组合为核心的编程范式，要求函数无副作用、不修改状态、用const替代let/var，并通过pipe/compose组合单参数纯函数。

JavaScript 本身不是纯函数式语言，但支持函数作为一等公民、高阶函数、闭包等关键特性，因此可以写出高度函数式的代码——前提是主动规避副作用、避免可变数据、用组合代替嵌套、用声明式代替命令式。

什么是“函数式风格”的 JavaScript？

它不是指用了 map 或 filter 就算函数式，而是指一种编程范式选择：把计算看作数学函数的求值，拒绝改变状态和可变数据。在 JS 中，这意味着：

• 函数必须是纯函数：相同输入永远返回相同输出，且不修改外部变量、不调用 console.log、不发请求、不读写 DOM
• 数据结构默认不可变：不直接改 arr.push(x)，而用 [...arr, x] 或 arr.concat(x)
• 用 reduce 替代 for 循环，用 compose 或 pipe 组合函数，而不是层层嵌套调用
• 避免使用 let/var 声明可重赋值变量；优先用 const，哪怕只是临时绑定

如何写出真正纯的函数？避开常见陷阱

JS 的纯函数极易被意外污染。比如看似无害的 JSON.parse 在遇到非法 JSON 时会抛错——这属于“非确定性行为”，破坏了纯性。再比如依赖全局对象 Date.now() 或 Math.random() 的函数，每次调用结果都不同。

• 不要在纯函数里访问 document、window、localStorage 等外部状态
• 避免隐式类型转换：用 Number(x) 而非 +x，后者在 x 为对象时会触发 toString，产生副作用
• 数组方法中，map、filter、slice 是纯的；sort、reverse、splice 会原地修改，必须配合 structuredClone 或展开语法先拷贝

const safeSort = (arr, compareFn) => [...arr].sort(compareFn);
const addTax = (price) => price * 1.08; // 纯：无外部依赖，无状态变化

用 pipe 和 compose 实现函数组合

函数组合不是语法糖，它是把多个单职责小函数粘合成新函数的核心机制。JS 没有内置 pipe，但实现极简：

const pipe = (...fns) => (x) => fns.reduce((v, f) => f(v), x);
const toUpper = (s) => s.toUpperCase();
const trim = (s) => s.trim();
const sanitize = pipe(trim, toUpper);
sanitize("  hello  "); // "HELLO"

• pipe 从左到右执行（更符合阅读顺序），compose 从右到左（如 Redux 的 compose）
• 组合前确保每个函数都是单参数、纯函数；多参数函数需先 curry，例如 (a, b) => a + b 要转成 a => b => a + b
• 别为了组合而组合：如果中间结果需要被复用或调试，拆成独立 const 更清晰

为什么你写的“函数式代码”还是很难维护？

因为函数式不是加几个 map 就完事。常见问题包括：

• 过度抽象：为一个只用两次的操作写 createFilterByStatus 工厂函数，反而增加认知负担
• 错误处理混入纯逻辑：用 try/catch 包裹纯函数，破坏了纯性；应改用 Either 类型（如 fp-ts 的 Either）或显式返回 { ok: true, data } 结构
• 忽略性能成本：频繁创建新数组/对象（如 [...arr]）在大数据量下可能成为瓶颈，纯函数和性能有时需权衡
• 团队协作时，没约定好“哪些边界函数负责副作用”：比如所有 API 调用统一走 fetchUser :: string -> Promise，其余逻辑保持纯，否则纯性无法落地

函数式在 JS 中是约束下的实践，不是教条。最易被忽略的一点：纯函数必须可测试——如果你没法用固定输入断言固定输出，那它大概率已经掺了杂质。