在前端开发中，我们经常需要对字符串进行替换操作。在 ES6 以前，我们通常使用正则表达式和字符串的 replace 方法来实现。但是，这种方法只能替换匹配的第一个字符串，无法替换全部匹配的字符串。所以，在 ES12 中，新增了一个 String.prototype.replaceAll 方法，可以一次性替换全部匹配的字符串。
什么是 String.prototype.replaceAll 方法
String.prototype.replaceAll 方法是在 ES12（也称为 ES2021）中新增的方法。它接受两个参数：第一个参数是要替换的字符串或正则表达式，第二个参数是用于替换的新字符串或者一个函数。
该方法的语法如下：
string.replaceAll(searchValue|regexp, replaceValue|function)
其中，searchValue|regexp 表示要替换的字符串或正则表达式，replaceValue|function 表示用于替换的新字符串或者一个函数。
使用方法示例
下面是一个使用 String.prototype.replaceAll 方法的例子：
const str = 'Hello, world! Hello, JavaScript!';
// 将所有的 'Hello' 替换为 'Hi'
const newStr = str.replaceAll('Hello', 'Hi');
console.log(newStr); // 输出: Hi, world! Hi, JavaScript!这个例子中，我们使用 replaceAll 方法将所有的 'Hello' 替换为 'Hi'，并将替换后的字符串保存在一个新的变量 newStr 中。最终，我们将 newStr 输出到控制台中。
除了接受字符串作为参数外，replaceValue 还可以是一个函数。该函数会接受匹配到的子串、捕获组等参数，然后返回一个新的字符串。下面是一个使用函数作为替换值的例子：
const str = 'Hello, 123!'; // 将字符串中的数字全部替换为 0 const newStr = str.replaceAll(/\d/g, () => '0'); console.log(newStr); // 输出：Hello, 000!
这个例子中，我们使用 replaceAll 方法将所有的数字替换为 0，其中 replaceValue 参数传入一个函数，该函数可以接受到正则表达式匹配到的字符串，我们在函数中将其替换为 0。
注意事项
需要注意的是，String.prototype.replaceAll 方法只能在最新的浏览器中使用（目前 Chrome、Firefox、Edge 等主流浏览器均支持该方法），如果你需要支持老版本的浏览器，需要使用其他替代方案。另外，如果要替换的字符串是一个正则表达式，需要注意正则表达式中的转义字符是否正确，否则可能会引发错误。
总结
使用 String.prototype.replaceAll 可以替换字符串中所有匹配到的子串，不再需要使用 replace 方法结合正则表达式来实现。但需要注意的是，需要使用 ES12（即 ES2021）或以上版本的 JavaScript。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648c128848841e9894a602c3