闭包用于封装光标位置的可序列化快照（路径+偏移或文本锚点），避免DOM变更导致Range失效；它不保存实时Selection，而是固化还原逻辑与数据，确保后续安全恢复。
在富文本编辑器中用闭包保持光标（Selection）位置状态，核心是：**把当前 selection 快照封装进闭包，避免后续 DOM 变更导致原对象失效或位置漂移**。因为浏览器的 Selection 和 Range 是实时引用，一旦编辑触发重排、内容替换或节点重建（比如插入 HTML、格式化、回车换行），原来的 range 很可能指向已销毁节点或错位。
为什么需要闭包？直接存 selection 不行吗？
直接保存 window.getSelection() 或其 getRangeAt(0) 在多数情况下会失效：
-
Selection对象本身是“活”的，但它的range依赖 DOM 节点引用；节点被移除/替换后，range.startContainer可能变成Node.TEXT_NODE但实际已被销毁，调用range.toString()或range.cloneContents()会报错或返回空 - 用户操作（如输入、粘贴、格式按钮点击）常引起 innerHTML 重写或节点拆分，原有 range 的偏移量（
startOffset）不再对应新结构 - 闭包的作用不是“让 selection 永远有效”，而是**捕获那一刻的可序列化坐标信息（如路径 + 偏移）**，供后续安全还原
用闭包封装“可恢复的位置快照”
不保存 Range 实例，而保存它对应的逻辑位置：节点路径（相对于编辑器根节点）和偏移量。闭包把解析逻辑和数据一起封住，避免外部变量污染或意外修改：
function saveSelection(editorRoot) {
const sel = window.getSelection();
if (!sel.rangeCount) return null;
const range = sel.getRangeAt(0);
const { startContainer, startOffset, endContainer, endOffset } = range;
// 用闭包记住：编辑器根、起始/结束路径、偏移、是否折叠
return function restore() {
// 根据路径重新定位节点（需配套 getPathFromNode / getNodeFromPath）
const startNode = getNodeFromPath(editorRoot, getPathFromNode(startContainer));
const endNode = getNodeFromPath(editorRoot, getPathFromNode(endContainer));
if (!startNode || !endNode) return;
const restoredRange = document.createRange();
restoredRange.setStart(startNode, startOffset);
restoredRange.setEnd(endNode, endOffset);
const restoredSel = window.getSelection();
restoredSel.removeAllRanges();
restoredSel.addRange(restoredRange);
};
}
// 使用示例：点击加粗前保存，执行完 DOM 更新后调用 restore
const restorePoint = saveSelection(editorEl);
applyBold(); // 内部可能 innerHTML += 或 insertNode
restorePoint(); // 闭包内已固化路径与偏移，安全还原
更健壮的做法：结合 MutationObserver + 闭包缓存
单纯靠路径+偏移在复杂编辑（如自动格式化、代码块渲染）中仍可能失败。推荐组合策略：
- 用闭包封装“尝试还原函数”，内部带 fallback 逻辑（如基于文本内容前后几个字符锚定位置）
- 监听编辑器 DOM 变更（
MutationObserver），在每次变更前自动保存一次 selection 快照到闭包队列 - 还原时优先用最新快照，若节点找不到，则向后查找最近的、含相同上下文文本的可编辑节点
实际项目中的轻量技巧（不用复杂路径）
对大多数富文本场景（非代码编辑器），可用更简单可靠的方案：
- 在操作前，用
editorEl.innerHTML截取光标前/后的文本片段（各 20 字符），连同光标在纯文本中的 index 一起存入闭包 - 操作后，用
textContent重新计算目标 index，并用document.caretPositionFromPoint()或遍历 text node 定位 - 例如：
const before = editorEl.textContent.slice(0, sel.focusOffset);—— 这个字符串在闭包里固化，后续用于模糊匹配定位
关键不在“闭包多神奇”，而在它帮你把易变的 DOM 引用，转成稳定的数据 + 精确的还原逻辑。只要还原函数在闭包里，就不用担心外部变量被覆盖或作用域丢失。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
