随着 JavaScript 的不断发展，ECMAScript 2020 在这个语言里引入了许多新功能和 API。其中， String.prototype.replaceAll() 是一个非常实用的新方法，它可以帮助前端开发者更简单地处理字符串，减少了一些不必要的重复代码和逻辑。
什么是 String.prototype.replaceAll()？
在 ECMAScript 2020 中，String 对象的原型链（或者称为原型对象）上增加了一个方法，这个方法叫做 replaceAll() 。它的作用是将一段字符串中的所有匹配项替换成新字符串，就像使用正则表达式替换时一样。
为什么需要 replaceAll()？
在以前的 JavaScript 版本中，我们在字符串中替换某些字符时通常使用 String.prototype.replace() 方法。这个方法可以接收两个参数，第一个参数是一个正则表达式或者一个字符串，表示需要被替换的模式；第二个参数是一个表示新的字符或者字符串，用来替换模式中匹配到的内容。
const str = 'hello world';
const replaced = str.replace('hello', 'hi');
console.log(replaced); // 'hi world'尽管这个方法已经很好用了，但是它还有一个缺点：只会替换第一个匹配的内容。如果我们需要替换所有匹配的内容，需要使用正则表达式，并添加一个全局标志（g）：
const str = 'hello world'; const replaced = str.replace(/hello/g, 'hi'); console.log(replaced); // 'hi world'
这种方式虽然可以解决问题，但是写起来比较麻烦，容易出错。使用 replaceAll() ，就可以更加简单方便地实现这个功能：
const str = 'hello world';
const replaced = str.replaceAll('hello', 'hi');
console.log(replaced); // 'hi world'可以看到，调用 replaceAll() 方法会直接将所有匹配项替换掉，不需要手动添加全局标志。
如何使用 replaceAll()？
replaceAll() 的用法非常简单，只需要在字符串对象上直接调用就可以了。它接受两个参数：第一个参数是需要被替换掉的内容，可以是字符串或者正则表达式；第二个参数是替换后的新内容，可以是一个字符串或者一个函数，用来处理匹配项。
下面是一个替换所有数字为“#”的示例：
const str = '123, 456, 789'; const replaced = str.replaceAll(/\d/g, '#'); console.log(replaced); // '###, ###, ###'
你也可以使用函数来处理匹配项，函数的参数是匹配项本身，返回值是替换后的字符串，下面是一个将每个匹配项加1的示例：
const str = '123, 456, 789'; const replaced = str.replaceAll(/\d/g, (match) => parseInt(match) + 1); console.log(replaced); // '234, 567, 890'
replaceAll() 的兼容性
虽然 replaceAll() 在开发中很实用，但是需要注意的是，它在目前并不是所有浏览器都支持。在撰写本文时，Chrome 和 Firefox 支持这个 API，但是 Safari 和 Edge 并不支持。为了兼容性，我们可以使用一些 polyfill 库，如 regenerator-runtime 或者 core-js 。
总结
String.prototype.replaceAll() 是一个非常实用的 API，它可以帮助开发者更加高效地处理字符串。在以后的开发中，我们可以使用 replaceAll() 来代替 replace() ，尤其是需要替换多个匹配项的场景中。当使用 replaceAll() 时，需要注意兼容性问题，可以使用 polyfill 库来解决。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6546ee607d4982a6eb1558d5