在javascript中，函数式编程是一种将计算过程组织为函数组合的编程范式。它把函数当作一等公民，可以赋值给变量、作为参数传递、作为返回值，强调用声明式的方式描述要做什么，而不是一步步命令计算机怎么做。函数式编程重视不可变数据和纯函数，目的是让代码更可预测、易测试。
什么是javascript中的函数式编程
函数式编程并不是某一种语法特性，而是一套编写代码的思路。在javascript里，因为函数本身就是对象，所以天然适合函数式风格。常见做法包括使用map、filter、reduce处理数组，把逻辑拆成小函数再组合，以及避免修改外部状态。
核心特征
- 函数是一等公民，可自由传递
- 优先使用纯函数
- 数据不可变，避免原地修改
- 通过函数组合构建复杂逻辑
纯函数是什么
纯函数有两个硬性条件：第一，给定相同的输入，永远返回相同的输出；第二，在执行过程中不产生任何副作用。也就是说，它不依赖也不修改函数之外的变量，不调用接口，不操作页面元素。
// 纯函数示例
function add(a, b) {
return a + b;
}
// 非纯函数示例：依赖外部变量
let base = 10;
function addBase(x) {
return x + base; // 输出随base变化，不是纯函数
}
副作用如何理解
副作用是指函数除了返回值之外，对外部世界产生的影响。常见副作用有修改全局变量、更改参数对象、发送网络请求、写文件、操作DOM、打印日志等。带有副作用的函数在相同输入下可能表现不同，也难以单独测试。
简单说，纯函数像计算器，输入数字得出结果；带副作用的函数像遥控器，按一下可能改变了电视频道。
常见副作用举例
| 代码行为 | 是否属于副作用 |
|---|---|
| console.log('hi') | 是 |
| 修改外部let变量 | 是 |
| 返回两数之和 | 否 |
| 调用fetch请求接口 | 是 |
为什么区分纯函数与副作用有用
把核心逻辑写成纯函数，可以让单元测试只关注输入和输出，不需要模拟环境。副作用集中在少量边界代码中，比如事件处理或接口调用处，整体程序更好维护。实际开发中不必强制所有函数都纯，但理解这个概念能减少很多奇怪的bug。
// 用纯函数处理数据，副作用留在外层
const prices = [10, 20, 30];
const double = n => n * 2; // 纯函数
const doubled = prices.map(double); // 无副作用的转换
// 副作用：渲染到页面
document.body.innerHTML = doubled.join(',');
小结
javascript里的函数式编程是以函数组织逻辑的方式，纯函数是可预测的基础单元，副作用是外部影响。分清两者，写出更稳的代码。
javascript函数式编程纯函数修改时间：2026-07-27 00:30:20