在 ES9 中，正则表达式得到了一些新的特性，这些特性能够让我们更加方便地使用正则表达式，提高代码的可读性和性能。本文将介绍 ES9 中的正则表达式新特性，包括命名捕获组、反向断言和 Unicode 属性转义，以及如何使用它们。
命名捕获组
命名捕获组是一种新的捕获组语法，它允许我们为每个捕获组指定一个名称。这个特性可以使正则表达式更加易读，因为我们可以使用名称来引用捕获组，而不是使用数字索引。例如，假设我们要从一个 URL 中提取主机名和路径，我们可以使用以下正则表达式：
const urlRegex = /^https?:\/\/(?<host>[^/]+)\/(?<path>.*)$/;
const match = urlRegex.exec('https://www.example.com/path/to/resource');
console.log(match.groups.host); // 'www.example.com'
console.log(match.groups.path); // 'path/to/resource'在这个正则表达式中，我们使用了两个命名捕获组，一个是 host，另一个是 path。我们可以通过 match.groups 对象来访问这些捕获组，而不需要使用数字索引。
反向断言
反向断言是一种新的断言语法，它允许我们在匹配字符串的时候，指定一个位置，并且要求该位置之前或之后的字符串符合某个条件。例如，假设我们要匹配一个字符串中所有以 $ 符号结尾的单词，但是不希望匹配 $ 符号本身，我们可以使用以下正则表达式：
const wordRegex = /(?<=\b\w+)\$(?=\b)/;
console.log(wordRegex.test('foo$')); // true
console.log(wordRegex.test('$foo')); // false在这个正则表达式中，我们使用了两个反向断言，一个是 (?<=\b\w+)，表示要求当前位置之前的字符串是一个单词，并且要求该单词的结尾和当前位置之间没有空格；另一个是 (?=\b)，表示要求当前位置之后的字符串是一个单词，并且要求该单词的开头和当前位置之间没有空格。这样一来，我们就可以匹配以 $ 符号结尾的单词，而不会匹配 $ 符号本身。
Unicode 属性转义
Unicode 属性转义是一种新的转义语法，它允许我们在正则表达式中使用 Unicode 属性来匹配字符。例如，假设我们要匹配一个字符串中所有的汉字，我们可以使用以下正则表达式：
const chineseRegex = /\p{Script=Han}/u;
console.log(chineseRegex.test('你好，世界！')); // true
console.log(chineseRegex.test('Hello, world!')); // false在这个正则表达式中，我们使用了 Unicode 属性转义 \p{Script=Han}，表示要求匹配一个汉字。这个转义语法非常强大，可以匹配各种不同的 Unicode 属性，比如著名的 \p{Emoji}，表示要求匹配一个表情符号。
如何使用这些新特性？
这些新特性可以让我们更加方便地使用正则表达式，提高代码的可读性和性能。但是，它们并不是必须的，有些场景下仍然可以使用传统的正则表达式语法。如果你想使用这些新特性，可以在代码中使用 ES9 的语法，或者使用 Babel 等工具将代码转换为 ES5。
下面是一个使用命名捕获组、反向断言和 Unicode 属性转义的示例代码：
const regex = /(?<=\b\w+)(?<chinese>\p{Script=Han}+)(?=\b)/gu;
const text = '你好，世界！Hello, world!';
for (const match of text.matchAll(regex)) {
console.log(match.groups.chinese); // '你好'，'世界'
}这个示例代码使用了上述三个新特性，可以匹配一个字符串中所有的汉字，并且忽略了汉字前后的空格和标点符号。这个代码可以在支持 ES9 的环境中运行，也可以使用 Babel 等工具将代码转换为 ES5。
总结
ES9 中的正则表达式新特性包括命名捕获组、反向断言和 Unicode 属性转义，它们可以让我们更加方便地使用正则表达式，提高代码的可读性和性能。在实际开发中，我们可以根据需要选择使用这些新特性，或者使用传统的正则表达式语法。无论选择哪种方式，都需要注意正则表达式的性能和可读性，以便更好地维护代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6581e870d2f5e1655dd25ee2