JS如何用replaceAll替换所有匹配项

在现代 JavaScript 环境（Chrome 85+、Firefox 78+、Safari 13.1+、Node.js 15.0+）中，`String.prototype.replaceAll()` 提供了一种更安全、高效且语义清晰的全局字面量替换方案——它专为纯字符串匹配设计，不接受带 `g` 标志的正则表达式（传入即报错），避免了传统 `replace(/.../g, ...)` 中遗漏标志导致替换不全的隐患；同时不解析正则元字符，让 `.`、`*` 等按字面意义处理，既消除了意外转义风险，也要求开发者明确区分“简单批量替换”与“复杂模式匹配”的适用场景：前者用 `replaceAll` 更直观可靠，后者仍需回归 `replace` + 正则。

replaceAll 在现代浏览器和 Node.js 中已原生支持

只要环境是 Chrome 85+、Firefox 78+、Safari 13.1+ 或 Node.js 15.0+，String.prototype.replaceAll 就可直接用，无需 polyfill 或正则绕路。它专为「全局字符串字面量替换」设计，比 replace(/.../g, ...) 更安全、更直观。

必须传入字符串，不能传正则（除非显式构造）

传正则会报错：TypeError: ReplaceAll does not accept a regex with the global flag。这是有意为之的防护机制——避免意外忽略 g 标志导致只换一次。

• ✅ 正确："aabbcc".replaceAll("bb", "XX") → "aaXXcc"
• ❌ 错误："aabbcc".replaceAll(/bb/g, "XX") → 报错
• ⚠️ 可行但不推荐："aabbcc".replaceAll(new RegExp("bb", "g"), "XX") —— 虽能过，但失去 replaceAll 的本意，且仍需手动保证 g 标志

对特殊字符要小心：不自动转义，也不做模式匹配

replaceAll 是纯字符串匹配，不会把 .、*、$ 当正则元字符处理，但也意味着你不能靠它“模糊匹配”。比如想替换所有数字，它做不到；想替换带反斜杠的路径，得自己处理转义。

• ✅ "file.txt.bak".replaceAll(".", "_") → "file_txt_bak"（真的替换了所有三个点）
• ⚠️ 但如果你本意是“只替换扩展名前的点”，那就错了——它没上下文感知能力
• ⚠️ "C:\\temp\\log.txt".replaceAll("\\", "/") 会出错，因为 JS 字符串里 "\\" 解析成单个 \，而 \ 在字符串字面量中非法；应写成 "C:\\\\temp\\\\log.txt".replaceAll("\\\\", "/")

性能和兼容性取舍：简单替换优先用 replaceAll，复杂逻辑回退 replace

如果只是把固定子串全换成另一固定串，replaceAll 更快、更可读；但一旦涉及捕获组、条件替换、大小写转换或动态生成替换内容，就得切回 replace + 正则。

• ✅ 简单场景：html.replaceAll("&", "&").replaceAll("
• ✅ 动态但固定：text.replaceAll(searchTerm, replacement)（变量值本身不含正则元字符）
• ❌ 不适用："Price: $19.99".replace(/\$(\d+)/, "¥$1") —— 捕获组和格式化必须用 replace
• ⚠️ 注意：IE 完全不支持，旧版微信 WebView（X5 内核）也可能 fallback 失败，线上项目仍建议检查 typeof String.prototype.replaceAll === "function"