javascript如何进行函数式编程_纯函数和副作用如何管理【教程】-js教程-PHP中文网

纯函数需满足：相同输入必得相同输出，且不依赖或修改任何外部状态；所有输入须显式传参，禁用Date.now()、Math.random()等非确定性操作，副作用须显式封装隔离。

javascript如何进行函数式编程_纯函数和副作用如何管理【教程】

纯函数怎么写才真正“纯”

纯函数必须满足两个条件：相同输入永远返回相同输出，且不修改外部状态。很多人以为只要没用 return 就不是纯函数，其实关键在「是否依赖或修改闭包/全局变量」。

常见错误是把对象属性读取当纯操作，比如：

const user = { name: 'Alice', score: 100 };
const getScore = () => user.score; // ❌ 依赖外部可变对象

正确做法是显式传入不可变数据：

所有输入必须作为参数传入，包括配置、时间戳、随机数种子等
返回值只能基于参数计算，不能调用 Date.now()、Math.random()、localStorage.getItem()
避免解构赋值时意外修改原对象（如用 { ...obj } 浅拷贝不够时，深层嵌套仍可能被改）

副作用必须显式分离和封装

HTTP 请求、DOM 操作、定时器、日志打印这些都属于副作用。函数式编程不禁止副作用，而是要求它们不混在计算逻辑里，且能被识别、测试、替换。

典型做法是用「作用类型」或「IO 包装器」延迟执行，例如：

const IO = (fn) => ({ map: (f) => IO(() => f(fn())), run: () => fn() });
const log = (msg) => IO(() => console.log(msg));
const fetchUser = (id) => IO(() => fetch(`/api/users/${id}`));

这样 log 和 fetchUser 本身不触发副作用，只描述“将要做什么”，真正执行由 .run() 控制。

JavaScript 测试模式

使用 Jest、Vitest 和 Testing Library 实施全面的测试策略，包括单元测试、集成测试和端到端测试，涵盖模拟、测试夹具和测试驱动开发。在编

下载

不要在纯函数内部调用 console.log 或 document.querySelector
异步操作统一用 Promise 或 Observable 表达，而非直接 fetch().then(...)
调试时可用 tap 工具函数（如 RxJS 的 tap），但确保它不改变数据流值

如何用现有 JS 生态做函数式实践

不用重写整个项目也能渐进式引入函数式思维。重点不是用多少高阶函数，而是守住「数据不可变」和「逻辑可预测」这两条线。

推荐从这几个点切入：

用 Object.freeze() 或 immer 的 produce 替代直接修改对象
数组操作优先用 map、filter、reduce，避免 for 循环 + push/splice
用 lodash/fp 或 ramda 的自动柯里化函数（如 R.prop('name')），减少匿名函数嵌套
状态管理中，把 reducer 写成纯函数，副作用（如 API 调用）交给中间件（如 Redux Thunk / RTK Query）

容易被忽略的“隐性副作用”

最常踩坑的是那些看起来无害、实则破坏纯性的操作：

const formatDate = (date) => date.toLocaleString(); // ❌ 依赖当前 locale 和时区

这类函数在单元测试里可能通过，上线后因用户系统设置不同而行为不一致。

JSON.stringify() 对 undefined、函数、Symbol 的处理会丢失数据，不是纯映射
new Date() 每次调用返回不同实例，哪怕只读取 .getTime() 也违反纯性
正则表达式字面量 /abc/g 有内部状态（.lastIndex），多次 .exec() 会改变结果
使用 Array.prototype.sort() 必须传比较函数，否则默认转字符串排序，且会原地修改数组

真正的难点不在写出一个纯函数，而在整条调用链上没有一处偷偷读了外部变量、改了共享引用、或依赖了当前环境状态。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南