自 ECMAScript 6 发布以来，JavaScript 已经获得了许多新特性和改进，这使得它成为了发展最快的编程语言之一。随着 2021 年的到来，ECMAScript 2021 带来了一些非常有用的新特性，其中最值得关注的是 String.prototype.replaceAll 方法。
在早期的 ECMAScript 中，我们只有 String.prototype.replace 方法可以使用。这个 replace 方法只会替换原始字符串中的第一个匹配项。这意味着在处理较长的文本时需要进行多次操作才能替换所有匹配。而在 ECMAScript 2021 中，我们可以使用新的 String.prototype.replaceAll 方法来很方便地替换所有匹配项。
String.prototype.replaceAll 方法的使用
String.prototype.replaceAll 方法接受两个参数：要被替换的模式和用来替换的字符串。该方法会在原始字符串中查找并替换所有匹配的模式，返回新的字符串。
下面是 String.prototype.replaceAll 方法的语法：
str.replaceAll(searchValue, replaceValue)
其中，searchValue 是要查找的模式，可以是一个字符串或者一个正则表达式对象；replaceValue 是用来替换找到的模式的字符串，也可以是一个函数。
下面是一个示例，演示了如何使用 String.prototype.replaceAll 方法来替换所有匹配项：
const str = "Hello, World! Hello, World again!";
const newStr = str.replaceAll("Hello", "Hi");
console.log(newStr); // "Hi, World! Hi, World again!"在上面的示例中，我们使用 replaceAll 方法将所有 "Hello" 替换为 "Hi"，并将结果存储在 newStr 变量中。最终结果是字符串 "Hi, World! Hi, World again!"。
下面是一个更复杂的示例，使用正则表达式和函数来替换匹配项：
const str = "Hello, World! Hello, World again!";
const newStr = str.replaceAll(/(Hello)/g, (match, p1) => {
if (p1 === "Hello") return "Hi";
});
console.log(newStr); // "Hi, World! Hi, World again!"在上面的示例中，我们使用 replaceAll 方法来将所有匹配 "Hello" 的字符串替换为 "Hi"，如果找到的是 "Hello"，则使用回调函数返回 "Hi"。
String.prototype.replaceAll 方法的注意事项
在使用 String.prototype.replaceAll 方法时，需要注意以下几点：
- searchValue 参数可以是字符串或正则表达式对象。如果传递一个字符串，它会被当作普通字符串来比较。如果传递一个正则表达式对象，它会被用来查找匹配项。
- replaceValue 参数可以是字符串或函数。如果传递一个字符串，所有匹配到的模式都会被替换为该字符串。如果传递一个函数，该函数会被调用来生成替换的值。
- replaceAll 方法会替换所有匹配项。如果您只想替换第一个匹配项，请使用原始的 String.prototype.replace 方法。
- replaceAll 方法返回一个新的字符串，原始的字符串不会发生改变。
String.prototype.replaceAll 方法的兼容性
虽然 String.prototype.replaceAll 是一个非常有用的新方法，但它目前只被最新版本的浏览器（如 Chrome、Firefox 和 Safari）支持。如果您需要在旧版本的浏览器中使用这个方法，那么可以使用 polyfill 来模拟该方法的行为。
总结
String.prototype.replaceAll 是 ECMAScript 2021 新增的一个非常有用的方法。它可以让我们很方便地替换文本中的所有匹配项。在未来的项目中，我们可以使用 replaceAll 方法来加速文本处理和替换操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651d405295b1f8cacd4cb589