在 ECMAScript 2020 中，新增了一个 String 原型方法 replaceAll，可以在字符串中全局替换指定内容，而不仅限于替换第一个匹配项。本文将详细介绍如何使用该方法以及其应用场景，并提供示例代码供参考。
语法
下面是 String.prototype.replaceAll 的语法：
str.replaceAll(searchValue, replaceValue)
其中，searchValue 是需要替换的值或者正则表达式，并且该值可以是一个字符串或者一个正则表达式。replaceValue 是用于替换 searchValue 的值或者一个回调函数。
示例代码
下面的示例代码展示了如何使用 replaceAll 方法：
const str = "Hello,World!";
const newStr = str.replaceAll("o", "0");
console.log(newStr); // 输出 "Hell0,W0rld!"如上所示，replace 方法在 str 中将所有的 "o" 替换为 "0"，并返回组成的新字符串，从而生成了 "Hell0,W0rld!"。
应用场景
在实际开发中，我们可能需要将一些字符串中所有的特定字符或模式替换为其他内容。例如，在一个文本编辑器中，如果用户需要将文档中所有的标点符号替换为一个空格，我们可以使用 replaceAll 方法实现：
const str = "Hello,world! This is a demo."; const newStr = str.replaceAll(/[^\w\s]/gi, " "); console.log(newStr); // 输出 "Hello world This is a demo "
如上所示，使用正则表达式 [^\w\s] 匹配所有非字母数字字符和空格，然后将其替换为一个空格符号，从而生成了 "Hello world This is a demo "。
replace 方法还可以和一些 JavaScript 模板引擎一起使用，方便快捷地将模板中的变量替换为动态值，如下所示：
const p = { username: "World" };
const template = "Hello, {{username}}!";
const newStr = template.replaceAll(/{{\s*([^}]+)\s*}}/g, (match, p1) => p[p1]);
console.log(newStr); // 输出 "Hello, World!"如上所示，我们首先定义了变量 p，然后通过模板字符串 template 建立模板，模板中包含 {{username}} 表示变量，其值在模板引擎渲染时会动态替换。最后，根据变量列表将字符串中所有的变量取出，并通过回调函数实现动态替换。最终，输出的 newStr 为 "Hello, World!"。
结论
本文介绍了 ECMAScript 2020 中的 replaceAll 方法，该方法可以全局替换字符串中的内容。本文还提供了多种示例代码，展示了该方法的应用场景。对于前端开发人员来说，熟悉并掌握该方法的使用，将有助于提高代码效率和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67513e2f8bd460d3ad87a821