如何编写符合函数式编程范式的不可变数据更新？-js教程-PHP中文网

如何编写符合函数式编程范式的不可变数据更新？

紅蓮之龍

发布： 2025-10-04 21:31:02

原创

223人浏览过

函数式编程中不可变数据更新的核心是生成新副本而非修改原数据，通过纯函数与结构共享确保无副作用；例如用展开运算符更新对象属性或使用Immer库简化深层更新；数组则通过map、filter等方法非破坏性更新，始终保持原始数据不变。

如何编写符合函数式编程范式的不可变数据更新？

在函数式编程中，不可变数据更新的核心是不修改原始数据，而是基于原数据生成新的、包含更新内容的副本。这样能避免副作用，提升程序的可预测性和可测试性。实现这一点的关键在于使用纯函数和结构共享（structural sharing）。

每次更新都应通过一个纯函数返回新对象，而不是改变原有对象。该函数的输出只依赖输入，且无副作用。

例如，在 JavaScript 中更新一个用户对象的年龄：

const updateUserAge = (user, newAge) => ({
  ...user,
  age: newAge
});

登录后复制

原始 user 对象未被修改，返回的是一个新对象，其中 age 字段被更新。

当数据结构嵌套较深时，需逐层复制路径上的所有对象，确保不变性向下传递。

比如更新用户地址中的城市：

const updateUserCity = (user, newCity) => ({
  ...user,
  address: {
    ...user.address,
    city: newCity
  }
});

登录后复制

每一层被更改的结构都通过展开运算符复制，避免引用共享带来的意外修改。

手动处理深层复制容易出错且代码冗长。可以借助专门的库简化操作。

豆包AI编程

豆包推出的AI编程助手

483

例如使用 Immer，它允许你用“可变”的语法编写更新逻辑，内部自动产生不可变更新：

import produce from 'immer';

const nextState = produce(state, draft => {
  draft.user.address.city = 'Beijing';
});

登录后复制

最终 nextState 是新对象，而 state 保持不变。这种方式兼顾了简洁性和不可变性。

数组也应以非破坏性方式更新。常用方法包括：

例如更新 ID 为 2 的任务完成状态：

const updatedTasks = tasks.map(t =>
  t.id === 2 ? { ...t, done: true } : t
);
</font>

登录后复制

原始 tasks 数组未受影响。

基本上就这些。关键是始终返回新数据结构，不碰原始值，配合工具提升开发效率。

以上就是如何编写符合函数式编程范式的不可变数据更新？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：