在 ES11 中，新增了一个非常方便的字符串方法 String.prototype.replaceAll()，它可以替换所有匹配项，而不仅仅是第一个。
为什么需要 String.prototype.replaceAll() 方法？
在 ES6 中，我们已经有了 replace() 方法来替换字符串中的匹配项。但是，它只能替换第一个匹配项。如果我们希望替换所有匹配项，那么我们需要使用正则表达式和循环来实现。这样的写法不太直观，也不够简洁。因此，在 ES11 中，新增了 String.prototype.replaceAll() 方法来解决这个问题。
如何使用 String.prototype.replaceAll() 方法？
String.prototype.replaceAll() 方法接收两个参数：要查找的字符串或正则表达式和要替换成的字符串。例如：
const str = 'hello world';
const newStr = str.replaceAll('l', 'L');
console.log(newStr); // 'heLLo worLd'在上面的代码中，我们将字符串中所有的 'l' 替换成了 'L'。
如果要使用正则表达式来查找字符串，可以按照下面的写法：
const str = 'abcabc'; const newStr = str.replaceAll(/a/g, 'A'); console.log(newStr); // 'AbcAbc'
在上面的代码中，我们使用了正则表达式 /a/g 来查找字符串中所有的 'a'，然后将它们都替换成 'A'。
需要注意的是，String.prototype.replaceAll() 方法返回的是一个新的字符串，而不是修改原始字符串。
如何兼容旧版本浏览器？
由于 String.prototype.replaceAll() 是在 ES11 中新增的方法，它只在一些现代浏览器中生效，但在一些旧版本浏览器中可能无法使用。为了兼容旧版本浏览器，我们可以使用 polyfill。
下面是一个针对 String.prototype.replaceAll() 方法的 polyfill 实现：
if (!String.prototype.replaceAll) {
String.prototype.replaceAll = function (searchValue, replaceValue) {
return this.replace(new RegExp(searchValue, 'g'), replaceValue);
};
}在上面的代码中，我们首先检测当前环境中是否已经有 String.prototype.replaceAll() 方法，如果没有的话，就定义一个新的方法。在定义新方法时，我们使用了 RegExp 构造函数来将要查找的字符串或正则表达式转化为一个正则表达式对象，并加上 'g' 标识来表示全局匹配。
总结
使用 String.prototype.replaceAll() 方法可以很方便地替换字符串中所有匹配项，避免了使用正则表达式和循环的繁琐写法。在使用时，我们需要注意返回的是一个新的字符串，而不是修改原始字符串。为了兼容旧版本浏览器，我们可以使用 polyfill 进行兼容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6482a1f148841e9894204287