replaceAll在现代环境(Chrome 85+/Firefox 78+/Safari 13.1+/Node.js 15.0+)原生支持,专用于全局字面量替换,不接受带g标志的正则,纯字符串匹配不转义元字符,简单替换更安全高效,复杂逻辑仍需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"
replaceAll 能替代正则的全部功能,其实它只解决一个非常具体的子问题——安全、高效、无歧义地做字面量全局替换。超出这个边界,就得老老实实用 replace。

















