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