js 关于执行test、exec、match时正则的lastIndex属性

        最近在学习vue2源码的一些知识点，在ast解析时关于文本的操作有这样一段代码：

  

         从代码中可以看到这里手动将正则表达式的lastIndex设置为0,第一次看到这里，很是不解，于是进行了一系列度娘搜索......

        首先来了解一下lastIndex，关于lastIndex，mdn上是这样描述的：

 

 

 既然知道了lastIndex是什么，接下来就写代码来测试一下：

const reg = /\{\{((?:.|\r?\n)+?)\}\}/g; // 正则表达式来自于vue2.6.14版源码，匹配{{XXX}}
let str = "{{name}}hello{{age}}"
console.log(reg.lastIndex,"111")
console.log(reg.test(str))
console.log(reg.lastIndex,"222")
console.log(reg.exec(str))

运行结果：************

 

 

         可以看到调用test之前lastIndex为0，调用之后 lastIndex 变为 8，此时再执行exec发现匹配到的是{{age}}， 并没有匹配到{{name}}，说明此时正则匹配从第八个字符开始，也就是说之前执行 test 时返回结果为true ，将reg.lastIndex改为8，这时的lastIndex 影像了exec的执行，那么是不是这样呢？来证明一下，修改一下代码：

const reg = /\{\{((?:.|\r?\n)+?)\}\}/g;
let str = "{{name}}hello{{age}}"
console.log(reg.lastIndex,"111")
//console.log(reg.test(str))
console.log(reg.lastIndex,"222")
console.log(reg.exec(str))

        此时 ，将test的执行代码注释：运行结果：

         这时发现exec成功匹配到了{{name}}，说明之前的结论正确，现在再回头看源码：

         观察发现，调用exec之前已经调用了test，那么为了消除执est运行结果对后续执行exec带来的影响，此时手动将lastIndex重置为0，这样就保证了exec从字符串的起始位置进行检索。到这里，终于明白了lastIndex置为0的意义。

        知道了test、exec的返回解决会受lastIndex的影响，自然想到了match,那么match是不是也会受到属性lastIndex的影响呢？来测试一下,测试代码：

const reg = /\{\{((?:.|\r?\n)+?)\}\}/g;
let str = "{{name}}hello{{age}}"
console.log(reg.lastIndex,"111")
console.log(reg.test(str))
console.log(reg.lastIndex,"222")
console.log(reg.exec(str))
console.log(reg.lastIndex,"333")
console.log("match 返回结果：",str.match(reg))
console.log(reg.lastIndex,"444")

测试结果：

         通过测试发现，match的返回结果与reg的lastindex无关，其实从另一方面也可以窥探一些端倪，test、exec是正则的方法，而match是字符串的方法。