當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  編程技術(shù) >  正文

淺談js正則之test方法bug篇

 2020-11-13 11:35  來(lái)源: 腳本之家   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

其實(shí)我很少用這個(gè),所以之前一直沒(méi)注意這個(gè)問(wèn)題,自從落葉那廝寫(xiě)了個(gè)變態(tài)的測(cè)試我才去看了下這東西

下面的代碼都是在chrome的F12下調(diào)試的,大家可以研究一下

先來(lái)看個(gè)東西吧。

var re = /\d/;
console.log( re.test("1") );
console.log( re.test("1") );
console.log( re.test("1") );
console.log( re.test("1") );

全部是 true 沒(méi)問(wèn)題。。

再次修改:

console.log( /\d/g.test("1") );
console.log( /\d/g.test("1") );
console.log( /\d/g.test("1") );
console.log( /\d/g.test("1") );

全部是 true,這究竟是為什么呢?

這些結(jié)果相當(dāng)有意思,當(dāng)然高手自然知道為什么,如果你知道的話,下面其實(shí)可以跳過(guò)不用看了,全是水文而已。。

正則里有一個(gè) lastIndex 的屬性,是下一次匹配的開(kāi)始位置。

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 );

可以看到 第一次匹配結(jié)果為 true 表示匹配成功,此時(shí) lastIndex 記錄下一次匹配的起始位置為 1。

于是第二次匹配的時(shí)候 從 "1" 字符串索引 1 的位置匹配,當(dāng)然就匹配失敗了,因?yàn)檫@個(gè)字符串只有一個(gè)字符,他的索引是 0。

而 /\d/g.test("1") 這個(gè)為什么每次匹配成功能呢?

因?yàn)樗苯佑谜齽t字面量,相當(dāng)于每次重新創(chuàng)建一個(gè)正則對(duì)象,lastIndex 屬性的初始值是 0。

所以每次都能匹配成功。

現(xiàn)在是不是理解了,包括 exec 也一樣,每次匹配一個(gè),lastIndex 記錄下次匹配的起始位置。

如果非要用一個(gè)正則對(duì)象的,那就只有每次 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") );

好了,今天修改語(yǔ)法高亮插件花了不少時(shí)間,所以水了一篇,望大家海涵。。

來(lái)源:

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

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦