正则表达式是前端开发中不可或缺的一部分，但是在实际使用中，很容易遇到一些性能瓶颈或者无法满足需求的情况。ES10 中带来了一些正则增强的功能，可以帮助我们更快更好地处理字符串，本文将介绍这些新特性，并提供一些实用的示例代码。
RegExp.prototype.dotAll
在 ES10 之前，. 匹配除了换行符以外的任何字符。但是在某些情况下，我们需要匹配包括换行符在内的所有字符，这时候可以使用 s 修饰符，但是这个修饰符在一些浏览器中并不支持。ES10 中，我们可以使用 dotAll 属性来实现这个功能。示例代码如下：
const str = 'foo\nbar'; const regex = /foo.bar/s; console.log(regex.test(str)); // true
RegExp.prototype.lookbehind
在正则表达式中，我们经常需要使用正向预查和反向预查来匹配某些模式，但是在 ES10 之前，反向预查只支持固定长度的匹配。ES10 中引入了 lookbehind 属性，可以实现不固定长度的反向预查。示例代码如下：
const str = 'Hello, world!'; const regex = /(?<=Hello, )\w+/; console.log(str.match(regex)); // ['world']
RegExp.prototype.namedGroups
在 ES10 之前，我们使用正则表达式时，很容易陷入命名混乱的情况，因为我们只能使用数字来引用分组捕获的结果。ES10 中引入了 namedGroups 属性，可以给分组命名，方便引用和理解。示例代码如下：
const str = '2019-12-31';
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = str.match(regex);
console.log(match.groups.year); // '2019'
console.log(match.groups.month); // '12'
console.log(match.groups.day); // '31'RegExp.prototype.replaceAll
在 ES10 之前，我们使用 String.prototype.replace 方法时，只能替换第一个匹配到的字符串。ES10 中，我们可以使用 replaceAll 方法来替换所有匹配到的字符串。示例代码如下：
const str = 'foo bar foo bar'; const regex = /foo/g; console.log(str.replaceAll(regex, 'baz')); // 'baz bar baz bar'
总结
ES10 中带来的正则增强，为我们处理字符串提供了更多的便利和效率。在实际开发中，我们可以根据实际需求使用这些新特性，提高代码的可读性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fe28fdd10417a22296d94a