jsreplace正则诡异:js replace正则相关的诡异问题


测试昵称: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 即使不用正则“$&” 也表示向后全匹配!!!
无语!
查找资料、测试并整理总结如下:





含义


$$

$


$&

指定和整个模式匹配 Obj 部分


$`

指定由 $& 描述匹配的前 Obj 部分


$'

指定由 $& 描述匹配的后 Obj 部分



测试代码:

复制代码 代码如下:

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__姓名:张剑光$__姓名:张剑光姓名:__姓名:张剑光____


2、 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 结果:
复制代码 代码如下:

姓名:张剑光$&__姓名:张剑光$&__姓名:张剑光$$__姓名:张剑光$`__姓名:张剑光$'__


3、 由此我们在应用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,'$$$$')));//注意这里是 4个“$”


页面显示:
复制代码 代码如下:

姓名:{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){
str.replace(/{(\w+)}/gi,function(a,b){
b in json ? json[b] : a;
}
}

Tags:  jsreplace正则诡异

延伸阅读

最新评论

发表评论