JavaScript函数式编程以纯函数为核心,强调确定性(相同输入必得相同输出)和无副作用(不修改外部状态、不触发I/O),从而保障可缓存性、可测试性与可组合性;副作用需显式隔离于逻辑层之外。

JavaScript函数式编程是一种以函数为基本单元、强调不可变性与声明式表达的编程范式。它不追求“怎么做”,而是聚焦于“做什么”——用纯函数组合逻辑,避免隐式状态变更,让代码更可预测、易测试、易并行。
纯函数是函数式编程的基石
一个函数要被称为纯函数,必须同时满足两个条件:
-
确定性:相同输入,永远返回相同输出。比如
const add = (a, b) => a + b,无论调用多少次add(2, 3),结果一定是5; - 无副作用:执行过程不修改外部变量、不操作 DOM、不发请求、不打印日志、不改变传入的对象或数组。
像 Array.prototype.slice() 是纯函数,它返回新数组,原数组不动;而 Array.prototype.splice() 就不是,它直接修改原数组——这就是副作用的典型表现。
副作用是纯函数的对立面
副作用指函数在计算返回值之外,对外部环境产生的任何可观察影响。常见形式包括:
立即学习“Java免费学习笔记(深入)”;
动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包
- 修改全局变量或闭包外的变量(如
let count = 0; const inc = () => ++count); - 更改传入的对象或数组(如在函数里直接
obj.name = 'new'或arr.push(x)); - 触发 I/O 行为:
console.log、fetch、localStorage.setItem、document.getElementById().innerHTML = ...; - 依赖外部可变状态(如读取未声明为参数的全局
name或Date.now())。
有副作用的函数就不是纯函数;反过来,纯函数天然排除所有副作用。二者是“一票否决”关系:只要存在任一副作用,该函数即为不纯。
为什么这个关联如此关键
函数式编程靠纯函数构建可靠的数据流。一旦混入副作用,就会破坏三个核心优势:
- 可缓存性:纯函数结果可安全记忆化(memoize),副作用函数则不行;
- 可测试性:纯函数只需断言输入输出,无需 mock 全局状态或网络;
-
可组合性:
compose(f, g)(x)要求f和g都不干扰彼此状态,否则链式调用会出错。
React 的函数组件也遵循这一思想:把 props 当作只读输入,不直接改 state(而是用 setState 声明意图),本质上就是在局部践行纯函数原则。
函数式编程不要求彻底消灭副作用——比如页面渲染、数据保存终究得发生——而是主张把它们显式隔离、集中管控,例如放在组件顶层、effect hook 中或程序边界处。核心逻辑层保持纯净,才是稳健架构的关键。










