javascript函数式编程是什么_有什么优势呢

紅蓮之龍 2026-01-05 00:00:00 次阅读

JavaScript函数式编程是用原生能力实现“输入→纯函数→输出”的链式表达，强调不改原始数据、无副作用、易测试复用；纯函数要求相同输入恒得相同输出，避免修改外部状态或触发副作用。

JavaScript 函数式编程不是一种新语言，而是用 const、=>、map、filter、reduce 这些原生能力，把逻辑写成“输入 → 纯函数 → 输出”的链式表达。它不改变原始数据，也不依赖外部状态，所以更容易预测、测试和复用。

纯函数指：相同输入永远返回相同输出，且不修改外部变量或触发副作用（比如改 document、发请求、改入参对象）。

常见错误现象：arr.sort() 直接修改原数组，后续逻辑可能意外拿到已排序的引用 —— 改用 [...arr].sort() 或 arr.toSorted()（ES2025）才符合纯函数习惯
使用场景：计算购物车总价、格式化用户列表、校验表单字段时，优先写 const getTotal = (items) => items.reduce((sum, i) => sum + i.price, 0)，而不是在函数里 push 到某个全局数组
性能影响：纯函数天然支持 memoization（如用 lodash.memoize），但要注意参数是引用类型时需深比较，否则缓存失效

JS 原生不强制不可变，靠约定 + 工具约束。关键不是“完全禁止赋值”，而是避免意外覆盖。

容易踩的坑：const obj = { a: 1 }; obj.a = 2; 合法但破坏了不可变性；应改用 { ...obj, a: 2 } 或 Object.assign({}, obj, { a: 2 })
参数差异：Array.prototype.map 返回新数组，Array.prototype.forEach 不返回、常用于副作用 —— 优先选 map，除非你明确需要发请求或打日志
兼容性注意：toSorted()、toReversed()、with() 是 ES2025 新增的不可变数组方法，旧环境需 polyfill 或用展开运算符替代

把函数当参数传、或返回函数，就能把逻辑拆细、再拼装。这不是炫技，是为应对变化。

常见错误现象：一个处理用户数据的函数里混着过滤、格式化、权限判断，改一处牵连八处 —— 拆成 filterActive、formatName、addRole 三个纯函数，再用 pipe 组合
实操建议：手写简单 pipe 就够用：
```
const pipe = (...fns) => (x) => fns.reduce((v, f) => f(v), x);
```
然后 pipe(filterActive, formatName, addRole)(users)
性能提醒：组合本身开销极小，但每层函数调用都有微小成本；高频循环中慎用多层嵌套 compose，可提前固化为单个函数