js多次调用正则test()

事情是这样的

三目运算符里面用到正则的一个判断

const reg2 = new RegExp(/^[a-z]+[!,.]?$/g)
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
let aaa = 1 
aaa = reg2.test('cat') ? 3 : 666
console.log('aaa :>> ', aaa);

控制台 =>

？？？

一开始我以为是三目运算符的计算顺序问题，特意去学习了一下
a = b ? c : d

发现是先计算b若b为真，计算c,否则计算d,最后赋值给a

那么，理论上应该是对的

然后，我测试了正则的式子

const reg2 = new RegExp(/^[a-z]+[!,.]?$/g)
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));
console.log('reg2.test(cat) :>> ', reg2.test('cat'));

结果：

？？？

MDN 解释

当设置全局标志的正则使用test()
如果正则表达式设置了全局标志，test() 的执行会改变正则表达式 lastIndex属性。连续的执行test()方法，后续的执行将会从 lastIndex 处开始匹配字符串

这就解释了为什么对于相同的输入，第一次匹配成功后，后面则失败了。

而当我们每次匹配都重新调用 RegExp 构造器生成正则时，就不会有这个问题了。

还有种解决方式是去掉g 标识，每次匹配也不会复用之前的 lastIndex。