測試的昵稱：jesse$
查看代碼：Javascript代碼
復制代碼 代碼如下:
$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace(/\{NICK_NAME}/,this.info["friend"]["nick_name"]);
看代碼很快可以注意到兩點：“replace 正則”和“$ ”。
在js 中replace 支持正則表達式，而$ 又恰好是正則向后匹配的特殊字符，很容易想到是正則引起的問題。而據(jù)我所知正則向后引用只有$1 、$2 、$3 、$4…… ，而這里只有一個”$” 沒有數(shù)字。
昵稱“jesse$ ”在后臺經(jīng)html 特殊字符處理，傳到前端是：“jesse$lt; ”，看頁面結(jié)果注意到“$” 后的“” 的也被替換了。難道是“$” 在js 里表示正則向后引用的全匹配?
然后去掉了正則，將代碼改成：Javascript代碼
復制代碼 代碼如下:
$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace("{NICK_NAME}",this.info["friend"]["nick_name"]);
居然還是同樣的結(jié)果，太詭異了!!!
更詭異的是在IE 下查看，居然是顯示正確的（之前一直在ff 下測試）！
測試代碼：Javascript代碼
復制代碼 代碼如下:
document.write("姓名：{NAME}".replace(/\{NAME}/g,"張劍光$"));
IE 和ff 顯示相同：C-sharp代碼
姓名：張劍光{NAME}
經(jīng)測試，“$” 果真表示正則向后引用的全匹配，算我孤陋，之前居然不知道！
測試代碼：Javascript代碼
復制代碼 代碼如下:
document.write("姓名：{NAME}".replace("{NAME}","張劍光$"));
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,"張劍光$`"));
document.write("姓名：{NAME}__".replace(/\{NAME}/g,"張劍光$'"));
Ie 、ff 和chrome 結(jié)果相同：
復制代碼 代碼如下:
姓名：張劍光{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 結(jié)果：
復制代碼 代碼如下:
姓名：張劍光{NAME}amp__姓名：張劍光$__姓名：張劍光姓名：__姓名：張劍光____
Ie 結(jié)果：
復制代碼 代碼如下:
姓名：張劍光$__姓名：張劍光$__姓名：張劍光$$__姓名：張劍光$`__姓名：張劍光$'__
三、 由此，我們在應用replace 等正則相關函數(shù)時，是否有必要特殊處理下上述存在情況呢？
測試代碼：
復制代碼 代碼如下:
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;
}
}
您可能感興趣的文章:- JavaScript字符串對象replace方法實例（用于字符串替換或正則替換）
- javascript 正則替換 replace(regExp, function)用法
- JavaScript replace(rgExp,fn)正則替換的用法
- javascript replace()正則替換實現(xiàn)代碼
- js正則函數(shù)match、exec、test、search、replace、split使用介紹集合
- JS利用正則配合replace替換指定字符
- js使用正則實現(xiàn)ReplaceAll全部替換的方法
- JS使用replace()方法和正則表達式進行字符串的搜索與替換實例
- js正則表達式之replace函數(shù)用法
- js使用正則實現(xiàn)ReplaceAll全部替換的方法
- js使用Replace結(jié)合正則替換重復出現(xiàn)的字符串功能示例
