ES12 中的众多正则表达式特性详解-JavaScript中文网-JavaScript教程资源分享门户

正则表达式是前端开发中非常重要的一部分，它可以用来处理字符串、表单验证、路由匹配等任务。ES12 提供了一些新的正则表达式特性，让我们来一一了解。

s 标志符

在 ES12 中，正则表达式新增了一个 s 标志符，它可以让 . 匹配所有字符，包括换行符（\n、\r）。举个例子：

const re = /foo.bar/s;
console.log(re.test('foo\nbar')); // true

在没有 s 标志符的情况下，. 只能匹配非换行符的字符。有了 s 标志符，. 就可以匹配任何字符了。

在正则表达式中，使用空格可以增加可读性。但是过多的空格会打乱正则表达式的结构视觉表达，使它难以阅读。ES12 新增了一个 x 标志符，它可以让正则表达式中的空格被忽略，从而增加可读性。

const re = /foo bar/x;
console.log(re.test('foo bar')); // true

在正则表达式中，使用“或”运算符（|）可以匹配多个表达式中的任意一个，但是当表达式较多时，写起来比较繁琐。ES12 提供了一种更简单的写法：使用竖线（|）分隔表达式即可。

const re = /foo|bar/;
console.log(re.test('foo')); // true
console.log(re.test('bar')); // true
console.log(re.test('baz')); // false

在正则表达式中，捕获组可以捕获匹配的字符串，以便进一步处理。ES12 新增了命名捕获组的支持，它可以给捕获组起一个名字，方便后续处理。

const re = /(?<value>\d+)/;
const match = re.exec('123');
console.log(match.groups.value); // 123

可以看到，命名捕获组使用了（？<name>pattern）这样的写法，其中“name”是给捕获组起的名字，pattern 是要匹配的正则表达式。

在正则表达式中，先行断言可以用来匹配位于某个位置之前的字符串。ES12 新增了先行断言的支持，它使用 (?=pattern) 的语法。

const re = /foo(?=bar)/;
console.log(re.exec('foobar')); // 'foo'

可以看到，先行断言可以匹配 foo 并且要求它后面跟着 bar。

除了先行断言之外，ES12 还新增了后行断言的支持，它使用 (?<=pattern) 的语法。后行断言可以用来匹配位于某个位置之后的字符串。

const re = /(?<=foo)bar/;
console.log(re.exec('foobar')); // 'bar'

可以看到，后行断言可以匹配 bar 并且要求它前面是 foo。

ES12 中的正则表达式特性非常实用，它们能够让我们更加方便地处理字符串。在实际开发中，我们可以根据具体需求选择不同的特性来使用，增加代码的可读性和执行效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64f9a183f6b2d6eab311978e