JavaScript正則表達式在不同瀏覽器中可能遇到的問題

#1 CD RipperCD音頻處理工具V1.90版

• 類型：音頻處理大小：1M語言：中文 評分：5.1
• 標簽：

立即下載

這兩天在用正則表達式搞一個稍微有點復雜的東西，但是不同瀏覽器之間的差異可浪費了我不少的人參。

現(xiàn)在我把正則表達式在五大主流瀏覽器（IE、Firefox、Chrome、Safari、Opera，以當前版本為準）之間的差異整理一下羅列出來，給大家，也算給我自己做一個備忘。

Firefox和Chrome會過度優(yōu)化在循環(huán)中創(chuàng)建的正則表達式，似乎它們在假設(shè)寫JavaScript的人會把正則表達式的構(gòu)建和賦值寫錯地方。

1 var r;

2 for(var i = 0; i < 2; i++){

3 var x = /abc/g;

4 if(r)

5 document.write(r == x); // 第二個循環(huán)時Firefox和Chrome會輸出“true”

6 else

7 r = x;

8 }

如果你把一個有可能什么也不返回的函數(shù)作為第二個參數(shù)傳遞給replace方法，那么IE可能會直接刪除匹配的文本（在之前的測試中我總結(jié)的是Opera的行為比較獨特，現(xiàn)在看起來似乎是錯誤的結(jié)論），而其它瀏覽器則是會將匹配的文本替換成“undefined”。

1 document.write('123'.replace(/2/, function(){})); // IE會輸出“13”，而其它瀏覽器輸出“1undefined3”

如果使用new RegExp的形式創(chuàng)建正則表達式時使用一個已有的正則表達式實例作為參數(shù)，那么大部分瀏覽器都會創(chuàng)建一個基本功能相同，但完全獨立的、全新的正則表達式實例；而Safari則會很干脆地返回作為參數(shù)的那個正則表達式實例。

1 var r = /1/;

2 document.write(new RegExp(r) == r); // Safari會輸出“true”，而其它瀏覽器輸出為“false”

如果把一個“空”的正則表達式直接轉(zhuǎn)化成字符串，IE以外的瀏覽器都會得到“/(?:)/”，而IE會得到“//”——但從正則表達式上直接提取source屬性的時候，得到的都是空字符串。

1 document.write(new RegExp('')); // IE輸出“//”，其它瀏覽器輸出“/(?:)/”

2 document.write(eval('' + new RegExp(''))) // IE輸出“undefined”，其它瀏覽器輸出“/(?:)/”

如果把一個包含斜線“/”的正則表達式直接轉(zhuǎn)化成字符串——以“new RegExp('/')”為例，只有Firefox和Opera會得到“/\//”，并且直接提取source屬性會得到“\/”；而其它瀏覽器則會得到“///”，且直接提取source屬性會得到“/”。

1 document.write(new RegExp('/')); // Firefox和Opera輸出“/\//”，其它瀏覽器輸出“///”

2 document.write(eval('' + new RegExp('/'))) // Firefox和Opera輸出“/\//”，其它瀏覽器輸出“undefined”

如果在使用字面表達式來定義一個正則表達式時，使用了無效的選項標志（例如“/abc/n”），則Chrome和Safari會完全忽視此無效選項標志（等同于“/abc/”），而在其它瀏覽器會導致語法錯誤。

1 document.write(/abc/n); // Chrome和Safari會輸出“/abc/”，其它瀏覽器中產(chǎn)生語法錯誤

暫時就這些吧，發(fā)現(xiàn)新的再補上。