你不一定知道的关于JavaScript的正则表达式
程序员文章站
2022-06-22 14:43:17
这两天在用正则表达式搞一个稍微有点复杂的东西,但是不同浏览器之间的差异可浪费了我不少的人参。 现在我把正则表达式在五大主流浏览器(ie、firefox、chrome、saf...
这两天在用正则表达式搞一个稍微有点复杂的东西,但是不同浏览器之间的差异可浪费了我不少的人参。
现在我把正则表达式在五大主流浏览器(ie、firefox、chrome、safari、opera,以当前版本为准)之间的差异整理一下罗列出来,给大家,也算给我自己做一个备忘。
1、firefox和chrome会过度优化在循环(以及其中内嵌的函数定义)中创建的正则表达式,似乎它们在假设写javascript的人会把正则表达式的构建和赋值写错地方。
var r;
for(var i = 0; i < 2; i++){
var x = /abc/g;
if(r)
document.write(r == x); // 第二个循环时firefox和chrome会输出“true”
else
r = x;
}
2、如果你把一个有可能什么也不返回的函数作为第二个参数传递给replace方法,那么ie可能会直接删除匹配的文本(在之前的测试中我总结的是opera的行为比较独特,现在看起来似乎是错误的结论),而其它浏览器则是会将匹配的文本替换成“undefined”。
document.write('123'.replace(/2/, function(){})); // ie会输出“13”,而其它浏览器输出“1undefined3”
3、如果使用new regexp的形式创建正则表达式时使用一个已有的正则表达式实例作为参数,那么大部分浏览器都会创建一个基本功能相同,但完全独立的、全新的正则表达式实例;而safari则会很干脆地返回作为参数的那个正则表达式实例。
var r = /1/;
document.write(new regexp(r) == r); // safari会输出“true”,而其它浏览器输出为“false”
4、如果把一个“空”的正则表达式直接转化成字符串,ie以外的浏览器都会得到“/(?:)/”,而ie会得到“//”——但从正则表达式上直接提取source属性的时候,得到的都是空字符串。
document.write(new regexp('')); // ie输出“//”,其它浏览器输出“/(?:)/”
document.write(eval('' + new regexp(''))) // ie输出“undefined”,其它浏览器输出“/(?:)/”
5、如果把一个包含斜线“/”的正则表达式直接转化成字符串——以“new regexp('/')”为例,只有firefox和opera会得到“/\//”,并且直接提取source属性会得到“\/”;而其它浏览器则会得到“///”,且直接提取source属性会得到“/”。
document.write(new regexp('/')); // firefox和opera输出“/\//”,其它浏览器输出“///”
document.write(eval('' + new regexp('/'))) // firefox和opera输出“/\//”,其它浏览器输出“undefined”
6、如果在使用字面表达式来定义一个正则表达式时,使用了无效的选项标志(例如“/abc/n”),则chrome和safari会完全忽视此无效选项标志(等同于“/abc/”),而在其它浏览器会导致语法错误。
document.write(/abc/n); // chrome和safari会输出“/abc/”,其它浏览器中产生语法错误
7、如果通过构造器来创建正则表达式时,为其指定选项标志的(第二个)字符串参数中包含了非有效标志的字符,在firefox中就会引起一个异常,而其它浏览器会将无效的部分忽略。
document.write(new regexp('1', 'n')); // firefox中会引起一个异常,提示无效的标志;而其它浏览器会输出“/1/”
暂时就这些吧,发现新的再补上。
来自:http://www.cnblogs.com/nanalich
现在我把正则表达式在五大主流浏览器(ie、firefox、chrome、safari、opera,以当前版本为准)之间的差异整理一下罗列出来,给大家,也算给我自己做一个备忘。
1、firefox和chrome会过度优化在循环(以及其中内嵌的函数定义)中创建的正则表达式,似乎它们在假设写javascript的人会把正则表达式的构建和赋值写错地方。
复制代码 代码如下:
var r;
for(var i = 0; i < 2; i++){
var x = /abc/g;
if(r)
document.write(r == x); // 第二个循环时firefox和chrome会输出“true”
else
r = x;
}
2、如果你把一个有可能什么也不返回的函数作为第二个参数传递给replace方法,那么ie可能会直接删除匹配的文本(在之前的测试中我总结的是opera的行为比较独特,现在看起来似乎是错误的结论),而其它浏览器则是会将匹配的文本替换成“undefined”。
复制代码 代码如下:
document.write('123'.replace(/2/, function(){})); // ie会输出“13”,而其它浏览器输出“1undefined3”
3、如果使用new regexp的形式创建正则表达式时使用一个已有的正则表达式实例作为参数,那么大部分浏览器都会创建一个基本功能相同,但完全独立的、全新的正则表达式实例;而safari则会很干脆地返回作为参数的那个正则表达式实例。
复制代码 代码如下:
var r = /1/;
document.write(new regexp(r) == r); // safari会输出“true”,而其它浏览器输出为“false”
4、如果把一个“空”的正则表达式直接转化成字符串,ie以外的浏览器都会得到“/(?:)/”,而ie会得到“//”——但从正则表达式上直接提取source属性的时候,得到的都是空字符串。
复制代码 代码如下:
document.write(new regexp('')); // ie输出“//”,其它浏览器输出“/(?:)/”
document.write(eval('' + new regexp(''))) // ie输出“undefined”,其它浏览器输出“/(?:)/”
5、如果把一个包含斜线“/”的正则表达式直接转化成字符串——以“new regexp('/')”为例,只有firefox和opera会得到“/\//”,并且直接提取source属性会得到“\/”;而其它浏览器则会得到“///”,且直接提取source属性会得到“/”。
复制代码 代码如下:
document.write(new regexp('/')); // firefox和opera输出“/\//”,其它浏览器输出“///”
document.write(eval('' + new regexp('/'))) // firefox和opera输出“/\//”,其它浏览器输出“undefined”
6、如果在使用字面表达式来定义一个正则表达式时,使用了无效的选项标志(例如“/abc/n”),则chrome和safari会完全忽视此无效选项标志(等同于“/abc/”),而在其它浏览器会导致语法错误。
复制代码 代码如下:
document.write(/abc/n); // chrome和safari会输出“/abc/”,其它浏览器中产生语法错误
7、如果通过构造器来创建正则表达式时,为其指定选项标志的(第二个)字符串参数中包含了非有效标志的字符,在firefox中就会引起一个异常,而其它浏览器会将无效的部分忽略。
复制代码 代码如下:
document.write(new regexp('1', 'n')); // firefox中会引起一个异常,提示无效的标志;而其它浏览器会输出“/1/”
暂时就这些吧,发现新的再补上。
来自:http://www.cnblogs.com/nanalich