正则表达式在前端开发中十分常见，但其性能往往受到制约。在 ECMAScript 2020 中，新增了 String.prototype.matchAll 方法，可以优化正则表达式的性能，提高代码效率。
matchAll 方法的作用
在 ES2020 之前，我们可以使用 RegExp.prototype.exec 和 String.prototype.match 方法来匹配字符串中的正则表达式。但使用这些方法，只能得到匹配到的第一个结果或所有结果的数组，不能同时获取所有的匹配信息。
而 String.prototype.matchAll 方法则可以返回一个可迭代的迭代器对象，通过依次迭代它可以获取到字符串中所有匹配正则表达式的结果，包括每个匹配对应的子表达式和位置信息。
matchAll 方法的语法
String.prototype.matchAll(regexp)
regexp： 一个正则表达式对象。
matchAll 方法的返回值
一个迭代器对象，可以迭代获取匹配结果的信息。
matchAll 方法与 exec 方法的比较
String.prototype.matchAll 方法的优点是可以获取到所有的匹配结果，并且可以得到更详细的匹配信息。而 RegExp.prototype.exec 方法只会返回第一个匹配结果，并且结果需要通过循环调用才能获取到所有结果。
下面是 String.prototype.matchAll 方法的示例代码：
const str = "The quick brown fox jumps over the lazy dog";
const regexp = /[A-Z]/g;
const iterator = str.matchAll(regexp);
for (const match of iterator) {
console.log(match);
}上述代码的输出结果为：
[ 'T', index: 0, input: 'The quick brown fox jumps over the lazy dog', groups: undefined ] [ 'T', index: 20, input: 'The quick brown fox jumps over the lazy dog', groups: undefined ]
通过输出结果可以看出，返回的结果是一个数组对象，包括匹配到的字符、位置信息和输入串等。
总结
String.prototype.matchAll 方法是 ECMAScript 2020 的一个新方法，可以优化正则表达式的性能，提高代码效率，并且可以获取更详细的匹配信息。因此，在开发中可以优先使用该方法来替代 exec 和 match 方法，提高程序的性能和效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65830fdcd2f5e1655de17038