函数副作用指函数除返回值外对外部环境产生影响，如修改全局变量、操作DOM等。纯函数则保证相同输入始终返回相同输出且无副作用，例如 add(a, b)。使用纯函数可提升测试性、可维护性和代码可预测性。为减少副作用，应采用不可变数据处理、将副作用集中管理、使用高阶函数延迟执行，并优先在工具函数和UI组件中使用纯逻辑，从而让代码更健壮易读。
在JavaScript开发中，函数副作用是影响程序可预测性和可维护性的重要因素。要提升代码质量，理解并管理副作用、尽可能使用纯函数是一种关键实践。
什么是函数副作用
当一个函数除了返回值之外，还对外部环境产生可观察的影响，就称为有副作用。常见的副作用包括：
- 修改全局变量或外部作用域中的数据
- 直接修改传入的参数对象
- 发起网络请求或操作DOM
- 调用console.log、alert等I/O操作
- 访问或修改系统状态（如时间、本地存储）
纯函数的定义与优势
纯函数满足两个条件：
- 相同的输入始终返回相同的输出
- 不产生任何副作用
比如以下函数就是典型的纯函数：
立即学习“Java免费学习笔记（深入）”；
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
function add(a, b) {
return a + b;
}
它的输出只依赖于输入，不会修改任何外部状态。使用纯函数的好处包括：
- 更容易测试和调试
- 支持缓存优化（记忆化）
- 便于并行执行和函数组合
- 提升代码可读性和可维护性
如何减少和管理副作用
虽然无法完全避免副作用（如用户交互、API调用），但我们可以通过策略将它们隔离和控制：
- 对对象参数采用不可变处理，使用展开运算符或Object.assign创建副本
- 将有副作用的操作集中到特定模块或函数中，比如“服务层”
- 使用函数式编程工具如map、filter、reduce代替直接修改数组
- 通过高阶函数延迟执行副作用，例如返回一个函数而不是立即调用
// 不推荐
function addItem(arr, item) {
arr.push(item);
return arr;
}
// 推荐（纯函数）
function addItem(arr, item) {
return [...arr, item];
}
实际应用建议
在项目中推行纯函数理念，可以从以下几个方面入手：
- 对工具函数优先设计为纯函数
- 在React等函数式UI框架中，纯组件依赖纯函数逻辑
- 结合Immutable.js或使用ES6不可变模式管理状态
- 通过代码审查和单元测试验证函数是否意外引入副作用
基本上就这些。把副作用关进笼子，让大部分逻辑保持纯净，代码会更健壮、更易推理。
