ECMAScript 2019 中新增了一项正则表达式特性：范畴捕获（named capture）。通过该特性，我们可以使用名字来代表匹配的子串，使我们的代码更易读、更可维护。
范畴捕获的语法
在正则表达式中使用范畴捕获需要使用 (?<name>pattern) 的语法。其中，name 为捕获的名字，pattern 为要匹配的正则表达式。
比如，我们可以这样来匹配一个类似于邮箱地址的字符串：
----- --- - --- ----- -- ---------------------- ----- ------- - ------------------------ ----- ----- - ------------------- ------------------------------- -- -----------------------
上述代码中，我们使用 (?<name>pattern) 的语法来匹配邮箱地址，并将捕获的内容命名为 name，然后通过 match.groups.name 来获取捕获的字符串。
范畴捕获的指导意义
范畴捕获可以使正则表达式变得更好理解、更可维护。在日常开发中，我们常常使用正则表达式来匹配、替换字符串。使用范畴捕获可以让我们更容易地读懂代码，加快开发效率。
另外，范畴捕获还可以让我们在更复杂的正则表达式场景下更好地管理子串，提高代码的可读性和可维护性。
范畴捕获的示例代码
接下来，我们再来看几个有趣的示例。比如下面的正则表达式，可以匹配一个 IP 地址，并将各个部分的值用名字来表示：
----- --- - --- -- ------- -- ------------- ----- ------- - ----------------------------------------------------------------------------- ----- ----- - ------------------- -------------------------------- -- ------ -------------------------------- -- ------ -------------------------------- -- ---- -------------------------------- -- ----
再比如下面的正则表达式，可以匹配一个 HTML 标签，将标签名和属性都用名字来表示：
----- --- - ----- --------------- ------------ ------------------------ -------------- ----- ------- - -------------------------------------------------------- ----- ----- - ------------------- ------------------------------ -- ------ -------------------------------- -- ------------------ ------------ ----------------- ---------------------------------- -- --------- ------
总结
范畴捕获正则表达式是 ECMAScript 2019 中的一个新增特性，通过使用名字来代表匹配的子串，可以使代码更易读、更可维护。这一特性在日常开发中十分实用，可以加快我们的开发效率，同时也提高了代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64e742fef6b2d6eab32cf247