网上有很多类似的文章，我为什么还要写呢？是因为我在阅读Vue2.0的代码中发现了
/^\s*([^\s"'<>\/=]+)(?:\s*((?:=))\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/ 用别人写的文章去套用的话解释不清，因此我特把此次的正则表达式的学习过程记录下来，以方便后来者能够很快的找到解决问题的答案 。
1. 基本定义
什么是捕获组？
捕获组就是把正则表达式中子表达式匹配的内容，保存到内存中以数字编号或显式命名的组里，方便后面引用。当然，这种引用既可以是在正则表达式内部，也可以是在正则表达式外部。一般一个小括号括起来就是一个捕获组。捕获组可以进行嵌套。以深度优先进行编号，在js中编号从1开始。
例如：
var reg=/(2(3)4)(5(6)7)/;
console.log(
"234567".match(reg)
)
我们可以看到上图中打印的数组，编号如下图：
非捕获组是什么呢？
我的理解是参与匹配却不进行分组编号的捕获组，其形式为（?:exp）组成，还有其他的形式，在此不再描述。
例如：
var reg=/1(?:2)/;
console.log(
"12".match(reg)
)
由此我们发现非捕获数组进行匹配，但不进行捕获。
2.特殊用法
A. 形如（？：（））
非捕获数组不参与编号分配但参与匹配
非捕获数组不参与编号分配但参与匹配
非捕获数组不参与编号分配但参与匹配
其分组如下：
也就是说exp中按照正常的分组逻辑进行分组
B. 形如（？：（）|（））
严格说这样写是解决选择缓存问题的写法（直接用圆括号会有一个副作用，是相关的匹配会被缓存，此时可用?:放在第一个选项前来消除这种副作用。）
其编号为：
C.形如 （（？：exp））
非捕获数组不参与编号分配但参与匹配
这种写法我认为等价于（exp）
其分组情况为
因此文章开头提到的表达式：
生成这张图的地址为：链接
网友评论