前言
正则表达式是前端常用的基础工具之一，它可以用来快速地匹配、查找和替换字符串中的内容。随着 ECMAScript 版本的升级，正则表达式也得到了许多增强。在 ECMAScript 2018 中，新增了 RegExp 的 Unicode 属性和转义序列，本文将详细介绍它们的使用方法，帮助读者更好地应用它们。
RegExp Unicode 属性
什么是 Unicode 属性
Unicode 属性是指字符集中每个字符的属性，如大小写、数字、标点符号等。在正则表达式中，我们可以使用 Unicode 属性来匹配具有特定属性的字符。
如何使用 Unicode 属性
在正则表达式中，使用 \p{PropertyName} 的语法来匹配具有指定属性的字符。
const regex = /\p{Number}/u;
console.log(regex.test("1")); // true
console.log(regex.test("①")); // true
console.log(regex.test("一")); // false上面的代码中，\p{Number} 匹配所有数字字符，包括阿拉伯数字、中文数字、罗马数字等。需要注意的是，在使用 Unicode 属性时，需要在正则表达式开头加上 u 标志来启用 Unicode 功能。
除了 \p{PropertyName}，我们还可以使用 \P{PropertyName} 来匹配不具备指定属性的字符。
const regex = /\P{Number}/u;
console.log(regex.test("1")); // false
console.log(regex.test("a")); // true上面的代码中，\P{Number} 匹配所有不是数字的字符。
常用 Unicode 属性
下面是常用的一些 Unicode 属性，更多属性可参考 Unicode Character Properties。
\p{Digit}匹配数字字符。\p{Letter}匹配所有字母字符，包括大小写、带重音符号等。\p{Lo}匹配所有字母字符，但不包括大小写、带重音符号等。\p{Punctuation}匹配所有标点符号。\p{Whitespace}匹配所有空格字符。
转义序列
什么是转义序列
在正则表达式中，某些字符具有特殊的含义，如 . 表示匹配任意单个字符。如果我们要匹配这些特殊字符本身，就需要使用转义序列来将其标记为普通字符，而不是具有特殊含义的字符。
在 ECMAScript 2018 中，新增了一些转义序列，用于匹配一些特殊的字符。
如何使用转义序列
在正则表达式中，使用 \ 加上特定的字符来表示转义序列。下面是常用的一些转义序列。
\N表示 U+0085 和 U+2028 之外的其他行分隔符字符。\p{UnicodePropertyName=value}表示具有指定 Unicode 属性和值的字符。\P{UnicodePropertyName=value}表示不具备指定 Unicode 属性和值的字符。\u{codePoint}表示指定 Unicode 码位的字符，codePoint 为码位的十六进制值。
下面是一些示例代码。
// www.javascriptcn.com code example
const regex1 = /\u{20BB7}/u;
console.log(regex1.test("𠮷")); // true
const regex2 = /\p{Script=Han}/u;
console.log(regex2.test("一")); // true
console.log(regex2.test("a")); // false
const str = "hello\nworld\x85\u2028";
const regex3 = /[\s\S]/u; // 匹配所有字符，包括行分隔符
console.log(str.match(regex3).length); // 11在上面的代码中，使用了转义序列 \u{20BB7}，它表示的是 Unicode 码点为 0x20BB7 的字符。同时，我们也使用了 \p{Script=Han} 来匹配所有汉字字符，其中 Script 表示属性名，Han 表示属性值。
最后还使用了 \N，它表示除了 U+0085 和 U+2028 之外的其他行分隔符字符。而 \s 只能匹配空格、制表符、换页符和换行符，不能匹配其他行分隔符。
结语
本文介绍了 ECMAScript 2018 中新增的 RegExp Unicode 属性和转义序列，通过这些增强，我们可以更方便地构建复杂的正则表达式。希望读者能够在实际应用中充分发挥它们的作用，提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d7f638a941bf7134e39ea4