引言
正则表达式是前端开发中不可缺少的工具之一，它可以帮助我们处理各种字符串匹配、替换、重复等复杂操作。而随着 JavaScript 语言的不断发展，正则表达式也在不断地升级和完善。本文将介绍 ES12 中新增的正则表达式特性，以及其在实际开发中的使用方法。
全局匹配标志 g 的增强
在 ES6 中，我们可以使用全局匹配标志 g 来进行全局匹配。但是，如果多次使用同一个正则表达式对象进行匹配，可能会导致崩溃或性能问题。为了解决这个问题，ES12 引入了一种新的正则表达式标志 "s"。
新的 "s" 标志与全局匹配标志 g 一起使用时，可以在整个字符串上进行连续匹配，不需要重新创建正则表达式对象。例如：
const regex = /foo/gs; const str = 'foo\nbar\nbaz\n'; regex.test(str); // true regex.test(str); // true regex.test(str); // true
在这个示例中，我们创建了一个正则表达式对象 regex，使用全局匹配标志 g 和新的标志 s，然后对字符串 str 进行连续匹配。由于使用了 s 标志，正则表达式对象 regex 不需要重新创建，它会一直在整个字符串上匹配，直到找到所有的匹配项。
支持断言的 lookbehind 中的任意长度
在传统的正则表达式中，正则表达式语法是左到右的，而断言却可以倒序查找字符串。例如， "lookbehind" 表达式会从右边开始查找字符串，如果它匹配到的字符串满足某个条件，就会返回原始字符串中该位置之前的子字符串。ES12 中，我们可以使用 "lookbehind" 断言，不限制其长度。
在新的 lookbehind 断言中，我们可以在断言中使用 "?" 表示“非负长度”。例如：
const str = 'hello,world'; const regex = /(?<=world.?)hello/g; console.log(str.match(regex)); // ['hello']
在这个示例中，我们使用 /(?<=world.?)hello/g 正则表达式匹配字符串 str，其中的 "?<=" 表示 lookbehind 断言。由于我们使用了非负长度，所以可以在断言中使用任意长度的字符串，而不需要限制长度。最终输出了匹配到的子字符串 "hello"。
Unicode 范围转义
在早期的 JavaScript 版本中，我们只能使用十六进制转义符 \uXXXX 来表示某个 Unicode 字符。然而，ES12 中的新正则表达式标志 "u" 可以让我们直接在正则表达式中使用 Unicode 字符，而不需要进行转义。例如：
const regex = /\u{1F601}/u;
console.log(regex.test('😁')); // true在这个示例中，我们使用 /.\u{1F601}/u 正则表达式来匹配字符串 "😁"，其中的 "\u{}" 表示使用 Unicode 字符。由于使用了新的标志 "u"，我们可以直接在正则表达式中使用 Unicode 字符。
其他改进
除了上述特性之外，ES12 还改进了其他方面的正则表达式功能。下面是一些例子：
- RegExp 构造函数可以接受第二个参数 flags，由于与正则表达式文本直接提供不同的标志。
- 正则表达式的静态方法
RegExp.escape()可以将字符串转义，以用作正则表达式的一部分或成为一个新的正则表达式。 - 在正则表达式语法中，可以使用
\p{}和\P{}来匹配全局 Unicode 属性，例如\p{Emoji}来匹配所有 Emoji 字符。
结论
本文介绍了 ES12 中的新正则表达式特性。随着这些新特性的引入，我们可以更方便、更直观地使用正则表达式来处理字符串。如果你需要使用正则表达式来实现一些任务，这些新特性可能会给你带来极大的方便和效率提升。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673692d40bc820c582551690