JavaScript函数式编程_纯函数实现-js教程-PHP中文网

JavaScript函数式编程_纯函数实现

夜晨

发布： 2025-11-25 15:11:02

原创

390人浏览过

纯函数是指相同输入始终返回相同输出且无副作用的函数。例如 add(a, b) 仅依赖参数并返回确定结果，不修改外部状态；而修改全局变量、改变原数组或发起网络请求等行为会导致函数“不纯”。为保持纯度，应避免外部依赖，使用扩展运算符或不可变方法处理数据，并将副作用隔离到程序边界。如 filterActiveUsers 和 getUserNames 这类函数，独立无副作用，便于测试与组合。纯函数提升代码可预测性、可测试性，支持缓存与并发优化，是函数式编程的基础。尽管实际项目难以完全消除副作用，但保持核心逻辑纯净能显著提高代码质量。

javascript函数式编程_纯函数实现

在JavaScript中，函数式编程是一种强调使用纯函数、避免状态改变和可变数据的编程范式。其中，纯函数是函数式编程的核心概念之一。理解并正确实现纯函数，有助于写出更可靠、可测试和易于维护的代码。

什么是纯函数？

一个函数被称为“纯函数”，当它满足以下两个条件：

相同的输入始终返回相同的输出：无论调用多少次，只要传入相同的参数，结果就一定一致。
没有副作用：函数执行过程中不会修改外部状态，比如不修改全局变量、不操作DOM、不发起网络请求、不修改输入参数等。

例如，下面是一个典型的纯函数：

function add(a, b) {
  return a + b;
}

登录后复制

这个函数只依赖输入参数，返回确定的结果，且不产生任何副作用，因此是纯函数。

常见的非纯函数示例

了解哪些行为会让函数变得“不纯”同样重要。

立即学习“Java免费学习笔记（深入）”；

依赖或修改全局变量：

let count = 0;
function increment() {
  return ++count; // 依赖并修改外部状态
}

登录后复制

修改输入参数（特别是对象或数组）：

function pushItem(arr, item) {
  arr.push(item); // 改变了原数组
  return arr;
}

登录后复制

这属于副作用。要保持纯，应创建新数组：

v3.0 S-CMS企业建站系统(含小程序)

S-CMS政府建站系统是淄博闪灵网络科技有限公司开发的一款专门为企业建站提供解决方案的产品，前端模板样式主打HTML5模板，以动画效果好、页面流畅、响应式布局为特色，程序主体采用ASP+ACCESS/MSSQL构架，拥有独立自主开发的一整套函数、标签系统，具有极强的可扩展性，设计师可以非常简单的开发出漂亮实用的模板。系统自2015年发布第一个版本以来，至今已积累上万用户群，为上万企业提供最优质的建

258

查看详情

function pushItem(arr, item) {
  return [...arr, item]; // 返回新数组，不修改原数组
}

登录后复制

如何编写纯函数？实践建议

在实际开发中，遵循以下原则可以帮助你写出更纯的函数：

避免使用或修改函数外部的变量，确保所有依赖都通过参数传入。
对对象和数组进行操作时，使用扩展运算符、map、filter、concat 等方法返回新值，而不是直接修改原数据。
将副作用（如日志、异步请求）隔离到程序的边界，核心逻辑保持纯净。
利用闭包封装状态，而非暴露在全局作用域。

举例：纯函数处理用户列表

function filterActiveUsers(users) {
  return users.filter(user => user.isActive);
}

function getUserNames(users) {
  return users.map(user => user.name);
}

// 组合使用
const activeUserNames = getUserNames(filterActiveUsers(allUsers));

登录后复制

每个函数都独立、无副作用，便于测试和复用。