函数副作用指函数除返回值外对外部环境产生影响，如修改全局变量、操作DOM等。纯函数则保证相同输入始终返回相同输出且无副作用，例如 add(a, b)。使用纯函数可提升测试性、可维护性和代码可预测性。为减少副作用，应采用不可变数据处理、将副作用集中管理、使用高阶函数延迟执行，并优先在工具函数和UI组件中使用纯逻辑，从而让代码更健壮易读。
在JavaScript开发中，函数副作用是影响程序可预测性和可维护性的重要因素。要提升代码质量，理解并管理副作用、尽可能使用纯函数是一种关键实践。
什么是函数副作用
当一个函数除了返回值之外，还对外部环境产生可观察的影响，就称为有副作用。常见的副作用包括：
- 修改全局变量或外部作用域中的数据
- 直接修改传入的参数对象
- 发起网络请求或操作DOM
- 调用console.log、alert等I/O操作
- 访问或修改系统状态（如时间、本地存储）
纯函数的定义与优势
纯函数满足两个条件：
- 相同的输入始终返回相同的输出
- 不产生任何副作用
比如以下函数就是典型的纯函数：
立即学习“Java免费学习笔记（深入）”；
TURF(开源)权限管理系统
下载
TURF（开源）权限定制管理系统（以下简称“TURF系统”），是蓝水工作室推出的一套基于软件边界设计理念研发的具有可定制性的权限管理系统。TURF系统充分考虑了易用性，将配置、设定等操作进行了图形化设计，完全在web界面实现，程序员只需在所要控制的程序中简单调用一个函数，即可实现严格的程序权限管控，管控力度除可达到文件级别外，还可达到代码级别，即可精确控制到
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不可变模式管理状态
- 通过代码审查和单元测试验证函数是否意外引入副作用
基本上就这些。把副作用关进笼子，让大部分逻辑保持纯净，代码会更健壮、更易推理。
