測試的昵稱:jesse$<
查看代碼:Javascript代碼
看代碼很快可以注意到兩點:“replace 正則”和“$ ”。
在js 中replace 支持正則表達(dá)式,而$ 又恰好是正則向后匹配的特殊字符,很容易想到是正則引起的問題。而據(jù)我所知正則向后引用只有$1 、$2 、$3 、$4…… ,而這里只有一個”$” 沒有數(shù)字。
昵稱“jesse$< ”在后臺經(jīng)html 特殊字符處理,傳到前端是:“jesse$< ”,看頁面結(jié)果注意到“$” 后的“&” 的也被替換了。難道是“$&” 在js 里表示正則向后引用的全匹配?
然后去掉了正則,將代碼改成:Javascript代碼
居然還是同樣的結(jié)果,太詭異了!!!
更詭異的是在IE 下查看,居然是顯示正確的(之前一直在ff 下測試)!
測試代碼:Javascript代碼
IE 和ff 顯示相同:C-sharp代碼
姓名:張劍光{NAME}amp;
經(jīng)測試,“$&” 果真表示正則向后引用的全匹配,算我孤陋,之前居然不知道!
測試代碼:Javascript代碼
ff 顯示:C-sharp代碼
姓名:張劍光{NAME}amp
IE 顯示:C-sharp代碼
姓名:張劍光$&
經(jīng)測試,ff 下居然replace 即使不用正則,“$&” 也表示向后全匹配!??!
無語!
查找資料、測試并總結(jié)如下:
一、
字符 |
含義 |
$$ |
$ |
$& |
指定與整個模式匹配的 stringObj 的部分。 |
$` |
指定由 $& 描述的匹配之前的 stringObj 部分。 |
$’ |
指定由 $& 描述的匹配之后的 stringObj 部分。 |
測試代碼:
document.write(“姓名:{NAME}__”.replace(/{NAME}/g,”張劍光$$”));
document.write(“姓名:{NAME}__”.replace(/{NAME}/g,”張劍光$`”));
document.write(“姓名:{NAME}__”.replace(/{NAME}/g,”張劍光$'”));
Ie 、ff 和chrome 結(jié)果相同:
二、 ff 和chrome 下replace 不使用正則,也對上述特殊字符起作用
ie 下replace 不使用正則,對上述特殊字符不起作用 測試代碼:
document.write(“姓名:{NAME}__”.replace(“{NAME}”,”張劍光$&”));
document.write(“姓名:{NAME}__”.replace(“{NAME}”,”張劍光$$”));
document.write(“姓名:{NAME}__”.replace(“{NAME}”,”張劍光$`”));
document.write(“姓名:{NAME}__”.replace(“{NAME}”,”張劍光$'”));
ff 和chrome 結(jié)果:
Ie 結(jié)果:
三、 由此,我們在應(yīng)用replace 等正則相關(guān)函數(shù)時,是否有必要特殊處理下上述存在情況呢?
測試代碼:
var str2 = “$<jesse$<“;
document.write(str.replace(/{NAME}/g,str2));
document.write(“<br />”);
document.write(str.replace(/{NAME}/g,str2.replace(/$/g,’$$$$’)));//注意這里是四個“$”
頁面顯示:
姓名:$<jesse$<
你還可以自己測試下:
var str2 = “$<jesse$<“;
document.write(str.replace(/{NAME}/g,str2.replace(/$/g,’$$’)));
比較好的做法是:
return str.replace(/{(w+)}/gi,function(a,b){
return b in json ? json[b] : a;
}
}