浅谈js正则之test方法bug篇

 

其实我很少用这个,所以之前一直没注意这个问题,自从落叶那厮写了个变态的测试我才去看了下这东西

下面的代码都是在chrome的F12下调试的,大家可以研究一下

先来看个东西吧。

var re = /d/;
console.log( re.test(“1”) );
console.log( re.test(“1”) );
console.log( re.test(“1”) );
console.log( re.test(“1”) );

全部是 true 没问题。。

浅谈js正则之test方法bug篇

再次修改:

console.log( /d/g.test(“1”) );
console.log( /d/g.test(“1”) );
console.log( /d/g.test(“1”) );
console.log( /d/g.test(“1”) );

浅谈js正则之test方法bug篇

全部是 true,这究竟是为什么呢?

这些结果相当有意思,当然高手自然知道为什么,如果你知道的话,下面其实可以跳过不用看了,全是水文而已。。

正则里有一个 lastIndex 的属性,是下一次匹配的开始位置。

var re = /d/g;
console.log( re.test(“1”), re.lastIndex );
console.log( re.test(“1”), re.lastIndex );
console.log( re.test(“1”), re.lastIndex );
console.log( re.test(“1”), re.lastIndex );

浅谈js正则之test方法bug篇

可以看到 第一次匹配结果为 true 表示匹配成功,此时 lastIndex 记录下一次匹配的起始位置为 1。

于是第二次匹配的时候 从 “1” 字符串索引 1 的位置匹配,当然就匹配失败了,因为这个字符串只有一个字符,他的索引是 0。

而 /d/g.test(“1”) 这个为什么每次匹配成功能呢?

因为它直接用正则字面量,相当于每次重新创建一个正则对象,lastIndex 属性的初始值是 0。

所以每次都能匹配成功。

现在是不是理解了,包括 exec 也一样,每次匹配一个,lastIndex 记录下次匹配的起始位置。

如果非要用一个正则对象的,那就只有每次 test 前重置 lastIndex 了,这样才能保证他不出意外。

var re = /d/g;
console.log( re.test(“1”) );
re.lastIndex = 0;
console.log( re.test(“1”) );
re.lastIndex = 0;
console.log( re.test(“1”) );
re.lastIndex = 0;
console.log( re.test(“1”) );

浅谈js正则之test方法bug篇

好了,今天修改语法高亮插件花了不少时间,所以水了一篇,望大家海涵。。

来源:

链接:https://www.jb51.net/article/184336.htm

免责申明:
1. 本站所有下载资源均不包含技术支持和安装服务!需要讨论请进群!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有云朵奖励和额外收入!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站无法保证资源或破解时效性,如某些授权码过期等问题,恕不在修复范围内。
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!故不接受任何形式的退款,如确认资源确有问题的,会补给相应云朵以供再次购买。
7. 53Kr源码暂未发现后门代码,但无法保证100%安全,推荐检测方法:上传到 https://www.virustotal.com/在线查看是否有恶意代码以及其他有后门嫌疑的代码。
8. 在本站下载的源码我还是不建议正式使用,有特别喜欢的可以去程序官方购买。
53kr资源站仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。
53kr资源分享 » 浅谈js正则之test方法bug篇

发表评论

提供最优质的资源集合

立即查看 了解详情