在 JavaScript 中，若在循环中边执行 regex.exec() 边对原字符串调用 String.replace() 修改它，会导致后续匹配索引错位、部分匹配被跳过——根本原因是每次 replace() 都生成新字符串，而 exec() 的 lastIndex 仍基于旧字符串位置。
在 javascript 中，若在循环中边执行 `regex.exec()` 边对原字符串调用 `string.replace()` 修改它，会导致后续匹配索引错位、部分匹配被跳过——根本原因是每次 `replace()` 都生成新字符串，而 `exec()` 的 `lastindex` 仍基于旧字符串位置。
当你使用 while (m = regex.exec(soup)) 并在循环体内执行 soup = soup.replace(...) 时，soup 引用已指向一个全新字符串，但正则对象 regex 的 lastIndex 属性仍记录着上一次在原始 soup 副本中的匹配结束位置。由于新字符串长度和内容已变（例如 %%%X.x|a%%% 被替换成 "a"，长度从 12 缩短为 1），lastIndex 指向的位置可能直接越过下一个匹配项（如 %%%Y.y|b%%%），导致其被跳过。
✅ 正确做法是：分离“查找”与“替换”逻辑，避免在迭代过程中修改被搜索的源字符串。
✅ 推荐方案一（ES5 兼容）：先拷贝字符串用于匹配，原字符串用于累积替换
var regex = /%{3}((\w+)(?:\.(\w+))?)(?:\|([\s\S]*?))?%{3}/g;
var soup = "%%%X.x|a%%% %%%Y.y|b%%% %%%Z.z|c%%%";
var soupCopy = soup; // 仅用于 exec 匹配
var m;
while ((m = regex.exec(soupCopy)) !== null) {
console.log(m[2] + " found: " + JSON.stringify(m));
soup = soup.replace(m[0], m[4] || ""); // 安全处理无默认值情况
}
console.log(soup); // 输出: "a b c"⚠️ 注意：此方法依赖 replace() 默认只替换第一个匹配项（因未传入 /g 标志），恰好符合逐个处理需求；若正则含全局标志 /g，需显式指定 m[0] 以确保精准替换。
✅ 推荐方案二（一行式，推荐优先使用）：直接 String.prototype.replace() + 替换引用
var regex = /%{3}((\w+)(?:\.(\w+))?)(?:\|([\s\S]*?))?%{3}/g;
var soup = "%%%X.x|a%%% %%%Y.y|b%%% %%%Z.z|c%%%";
var result = soup.replace(regex, '$4'); // $4 引用第四个捕获组（默认值）
console.log(result); // "a b c"该方式由 JS 引擎内部保证按顺序、无遗漏地遍历所有全局匹配，并安全注入对应捕获内容，无需手动维护状态，性能更优、代码更简洁。
? 补充说明
- 正则中 ([\s\S]*?) 使用非贪婪匹配可正确捕获含换行符的默认值；
- 若某些占位符无 |DefaultValue 部分（如 %%%NAME%%%），m[4] 将为 undefined，建议替换时提供默认空字符串：m[4] || ""；
- String.replace(str, ...) 是精确字面量替换，不支持正则特性；而 String.replace(regex, ...) 才能触发全局/捕获组等完整正则能力。
总结：永远不要在 exec() 循环中直接修改正在被匹配的字符串。使用 .replace(regex, replacer) 是最健壮、最符合直觉的解决方案，兼容所有 ES5+ 环境，且天然规避索引偏移问题。
