JavaScript数组撤销恢复关键在于用双栈结构管理命令对象而非直接操作数组，每个命令封装execute/undo方法并记录变更差异，避免深拷贝开销，同时限制栈大小防内存泄漏。
JavaScript 中数组操作支持撤销恢复，关键不是直接对数组做 push/pop，而是把“数组变化”当作一次可逆操作来记录和执行。核心在于分离数据变更与状态管理——每次修改前保存快照或差异，撤销时还原，而不是靠数组原生方法倒推。
用双栈结构管理操作历史
维护两个数组：一个存可撤销的操作（undoStack），一个存可重做的操作（redoStack）。每次数组发生有意义的变更（如增删改某项），就封装成命令对象压入 undoStack，同时清空 redoStack。
- 新增元素 → 记录插入位置和值，撤销即 splice 删除该位置
- 删除元素 → 记录被删项及索引，撤销即 splice 插回原位
- 修改某项 → 记录旧值、索引、新值，撤销即赋回旧值
- 每次执行新操作后，
redoStack.length = 0，避免状态分支错乱
命令对象比深拷贝更可控
比起每次操作都 structuredClone(arr) 存整个数组，推荐将变更抽象为命令类。它自带 execute() 和 undo() 方法，明确知道怎么正向改、怎么反向撤。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 例如
ArrayInsertCommand构造时传入数组引用、索引、值；execute 执行 splice 插入；undo 执行 splice 删除 - 命令持有对原始数组的引用，不复制数据，节省内存
- 多个操作可组合成复合命令，统一提交或批量撤销
避免浅拷贝陷阱
如果必须保存数组快照（比如用于调试或复杂嵌套结构），不能用 arr.slice() 或扩展运算符，它们只做浅拷贝。对象或子数组被修改时，历史快照也会“同步变”。
立即学习“Java免费学习笔记（深入）”；
- 简单场景可用
JSON.parse(JSON.stringify(arr))，但不支持函数、undefined、Date 等 - 生产环境建议用
structuredClone(arr)（现代浏览器支持） - 若需兼容老版本，引入轻量库如
lodash.clonedeep
限制栈大小防内存泄漏
用户连续输入 1000 次，undoStack 就存 1000 个命令——这会吃光内存。实际应用中应设上限并自动裁剪。
- 初始化时指定最大长度，如
maxHistory = 50 - 每次 push 前检查 undoStack 长度，超限时
shift()移除最早一条 - 也可按时间戳或操作类型过滤，比如忽略连续的光标移动，只记录实质性编辑
