原子化更新指仅修改指定路径字段、其余结构完全不变的不可变操作；通过reduce遍历路径逐层浅拷贝对象或数组，末级写入新值，配合getin取旧值实现可撤回的状态管理。
用 reduce 对嵌套 JSON 做“原子化更新”与状态还原，核心是把路径（如 ["user", "profile", "age"]）当作操作序列，逐层进入对象，只修改目标字段，并在过程中保留完整结构快照——不依赖外部库、不污染原数据、可撤回。
一、什么是“原子化更新”？
指一次更新只改变一个具体路径上的值，其余所有嵌套层级都保持原样（包括空数组、null、未定义字段），且整个过程不修改原始对象。例如：
原始数据：
{ user: { profile: { name: "Alice", age: 30 }, settings: {} } }
更新路径 ["user", "profile", "age"] 为 31，结果必须是全新对象，且 user.settings、user.profile.name 等字段完全不变。
二、用 reduce 构建不可变路径更新
关键思路：用 reduce 遍历路径数组，每一步都构造当前层级的新副本；遇到最后一级时写入新值，其余层级做浅拷贝并透传子属性。
- 输入：原对象、路径数组（如
["a","b","c"]）、新值 - 初始值设为原对象的浅拷贝（顶层不可变）
- 每轮
reduce中：- 若不是最后一项：对当前值做
{ ...current }浅拷贝，继续向下 - 若是最后一项：返回新值（不再递归）
- 若不是最后一项：对当前值做
示例实现：
function updateByPath(obj, path, value) {
return path.reduce((acc, key, i) => {
if (i === path.length - 1) return value;
if (acc && typeof acc === 'object') {
return { ...acc, [key]: acc[key] }; // 浅拷贝当前层级，保留 key 下子树
}
return acc;
}, { ...obj });
}
⚠️ 注意：上面只处理对象，若路径中含数组索引（如 ["list", 0, "name"]），需额外判断 Array.isArray(acc) 并用 [...acc] 拷贝。
三、配套实现状态还原（撤销/重做）
原子化更新天然适配命令模式：每次更新生成一个“变更描述”，包含路径、旧值、新值、时间戳。还原即反向应用该描述。
- 记录更新前的值（用同样路径遍历取值）
- 把
{ path, oldValue, newValue }推入栈 - 还原函数复用相同的
updateByPath，但传入oldValue
取旧值辅助函数（也用 reduce）：
function getIn(obj, path) {
return path.reduce((acc, key) => acc?.[key], obj);
}
调用 getIn(original, path) 即可安全读取任意深度值，遇 undefined 自动短路。
四、处理边界情况的关键细节
真实嵌套 JSON 常含稀疏数组、null、缺失字段。仅靠 {...obj} 不够，需分层判断：
- 遇到
null或undefined：直接返回（不尝试展开） - 遇到数组：用
[...arr]拷贝，再对目标索引位置更新（需判断key是否为有效数字） - 路径中途断开（如
obj.a.b中a不存在）：按需求选择创建空对象还是保持undefined（通常前者更鲁棒）
增强版更新函数会检查 acc[key] === undefined 并自动初始化为 {} 或 []（取决于下一路径项是否数字），确保路径可写。
