后行断言本身不用于高亮，而是精准定位关键词位置以避免索引偏移；配合matchAll获取{index,length}，再用DOM Range和mark标签包裹，确保原始文本不变、索引可靠。
后行断言（Lookbehind Assertion）本身不能直接用于文本高亮，因为它只是正则的匹配逻辑，不参与替换或渲染。真正起作用的是：**在保留原始文本索引不变的前提下，精准定位关键词位置，再用非侵入方式包裹高亮标记**。关键不在“用不用后行断言”，而在于“如何利用它避免索引偏移”。
为什么索引容易被破坏
常见错误是直接对 HTML 字符串做 replace()：比如用 text.replace(/abc/g, '<mark>abc</mark>')。一旦原文含 HTML 标签（如 <span>abc</span>），插入 <mark></mark> 会改变字符总长度，后续所有基于原始 indexOf 或 substring 的坐标计算都会错位。
后行断言的实际价值：精确定位，不改文本
它适合用于“只找位置、不动内容”的场景。例如：
- 你想高亮所有出现在句号后的“苹果”，但排除“iPhone 苹果”中的“苹果”——可用
(? 精准捕获位置，返回 <code>index和length，而非直接替换； - 配合
String.prototype.matchAll()获取全部匹配的{index, length}，按降序排列，再用 DOM Range 或mark标签逐个包裹——这样原始文本字节流完全未变，索引始终可靠； - 特别适用于富文本编辑器或需要支持撤销/清除高亮的场景，因为所有高亮都基于真实选区，而非字符串插标签。
推荐做法：Range + mark + 后行断言辅助定位
不操作 innerHTML，改用浏览器原生能力：
- 用带后行断言的正则遍历文本节点（
node.textContent），记录所有匹配起始偏移； - 对每个匹配，用
document.createRange()定位到对应文本节点中的具体位置； - 调用
range.surroundContents(document.createElement('mark'))—— 这不会改动原始文本，只新增语义化包裹； - 清除时只需删掉
mark元素，文本自动还原，索引零损失。
注意兼容性与边界
后行断言在现代浏览器（Chrome 88+、Firefox 78+、Safari 16.4+）已稳定支持，但需注意：
- 必须用
/(? 语法，且后行部分不能是不定长（如 <code>(? 不合法，<code>(? 可以）； - 若需兼容旧环境，可用
matchAll配合手动比对上下文字符，效果等价但代码稍长； - 高亮前务必检查文本节点是否被其他脚本动态修改过（如 Vue/React 的 v-html），否则
textContent坐标可能失真。
