闭包在富文本编辑器撤销/重做中核心作用是安全捕获并隔离每步操作时的DOM状态或数据快照，通过封装快照生成逻辑和上下文，使undo/redo调用时能精准还原；需避免引用实时DOM节点或可变对象，推荐在闭包内深拷贝复杂状态。
闭包在富文本编辑器的撤销/重做功能中，核心作用是**安全捕获并隔离每一步操作时的 DOM 状态或数据快照**，避免后续修改污染历史记录。它不直接“暂存快照”，而是通过函数作用域封装快照生成逻辑和上下文数据，让 undo / redo 调用时能精准还原。
用闭包封装快照采集逻辑，隔离每次操作的上下文
每次用户输入、格式化、插入节点等操作后，你需采集当前编辑器状态（如 HTML 字符串、选区信息、光标位置、自定义数据结构）。若直接把变量赋值进历史数组，后续编辑会改变该引用——导致所有快照同步变脏。闭包可让快照“固化”在创建时刻的值。
例如：
const history = [];
let step = -1;
function takeSnapshot() {
const editor = document.getElementById('editor');
const html = editor.innerHTML; // 当前 HTML 快照
const selection = getSelectionInfo(); // 自定义函数，返回 { anchorOffset, focusOffset, range... }
// 闭包：将 html 和 selection 封装进函数体，形成独立作用域
return function restore() {
editor.innerHTML = html; // 恢复的是 capture 时刻的 html，不受后续变化影响
restoreSelection(selection); // 同理，恢复当时选区
};
}
// 执行操作后，推入闭包函数（不是数据！）
function executeCommand(command) {
command();
history.splice(++step); // 清除 redo 栈
history.push(takeSnapshot()); // 推入一个“恢复函数”
}
结合栈结构 + 闭包函数，实现无副作用的 undo/redo
历史栈里存的是“可执行的恢复函数”，每个函数都靠闭包自带一份快照数据。调用时无需传参，直接执行即可还原。
立即学习“Java免费学习笔记（深入）”；
-
undo()：step 减 1，调用
history[step]()—— 此时闭包内保存的 html/selection 是上一步的原始快照 -
redo()：step 加 1，调用
history[step]()—— 恢复的是下一步快照（即 redo 栈顶） - 新增操作时，自动截断 redo 部分：
history.length = ++step，确保新快照后无残留 redo
对复杂状态，用闭包 + 深拷贝或不可变结构更稳妥
如果快照包含嵌套对象（如自定义 contentState、blockMap），仅靠闭包不能阻止对象内部被改写。此时需配合浅/深拷贝：
- 简单结构可用
JSON.parse(JSON.stringify(obj))或结构化克隆structuredClone(obj)（现代浏览器） - 推荐在闭包内完成拷贝，确保“冻结”的是副本：
function takeSnapshot() {
const state = editor.getState(); // 假设返回一个可变对象
const frozenState = structuredClone(state); // ✅ 在闭包内深拷贝
return function restore() {
editor.setState(frozenState); // 还原的是副本，安全
};
}
避免常见陷阱：不要在闭包中引用实时 DOM 节点或可变对象引用
以下写法是错误的：
// ❌ 危险：closure 捕获的是 node 引用，后续 node.innerHTML 改变 → 快照失效
const node = editor;
return function() { node.innerHTML = ... };
// ❌ 危险：state 是外部可变对象，未拷贝
const state = sharedEditorState;
return function() { render(state) }; // state 可能已被下一次操作修改
正确做法：只捕获**基础类型值**（string、number、boolean）或**已克隆的不可变副本**。DOM 节点本身不该进快照，应转为序列化数据（HTML 字符串、range 描述、坐标偏移等）。
