主頁 > 知識(shí)庫 > 淺談js正則之test方法bug篇

淺談js正則之test方法bug篇

熱門標(biāo)簽:深圳400電話辦理那家好 清遠(yuǎn)陽山400電話號碼如何申請 襄陽房產(chǎn)電銷機(jī)器人招商 安徽移動(dòng)外呼系統(tǒng) 怎么在高德地圖標(biāo)注行走軌跡 百度地圖標(biāo)注飯店位置怎么 個(gè)性化地圖標(biāo)注在線 百度地圖標(biāo)注名編輯 施工地圖標(biāo)注怎么做

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

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

先來看個(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 沒問題。。

但是你把 /\d/; 改成 /\d/g; 再試試。

再次修改:

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í)可以跳過不用看了,全是水文而已。。

正則里有一個(gè) 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 );

可以看到 第一次匹配結(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è)正則對象,lastIndex 屬性的初始值是 0。
所以每次都能匹配成功。

現(xiàn)在是不是理解了,包括 exec 也一樣,每次匹配一個(gè),lastIndex 記錄下次匹配的起始位置。
如果非要用一個(gè)正則對象的,那就只有每次 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") );

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

標(biāo)簽:中衛(wèi) 黑河 臨夏 延邊 阜陽 欽州 南昌 駐馬店

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《淺談js正則之test方法bug篇》,本文關(guān)鍵詞  淺談,正則,之,test,方法,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《淺談js正則之test方法bug篇》相關(guān)的同類信息!
  • 本頁收集關(guān)于淺談js正則之test方法bug篇的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章