关于JavaScript中的正则表达式——你不一定知道,也可能用不到,但说不定哪天就会遭遇的几个事实【新增一个】
2010-09-08 20:35 Nana's Lich 阅读(2526) 评论(9) 编辑 收藏 举报这两天在用正则表达式搞一个稍微有点复杂的东西,但是不同浏览器之间的差异可浪费了我不少的人参。
现在我把正则表达式在五大主流浏览器(IE、Firefox、Chrome、Safari、Opera,以当前版本为准)之间的差异整理一下罗列出来,给大家,也算给我自己做一个备忘。
- Firefox和Chrome会过度优化在循环(以及其中内嵌的函数定义)中创建的正则表达式,似乎它们在假设写JavaScript的人会把正则表达式的构建和赋值写错地方。
12345678
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;
}
- 如果你把一个有可能什么也不返回的函数作为第二个参数传递给replace方法,那么IE可能会直接删除匹配的文本(在之前的测试中我总结的是Opera的行为比较独特,现在看起来似乎是错误的结论),而其它浏览器则是会将匹配的文本替换成“undefined”。
1
document.write(
'123'
.replace(/2/,
function
(){}));
// IE会输出“13”,而其它浏览器输出“1undefined3”
- 如果使用new RegExp的形式创建正则表达式时使用一个已有的正则表达式实例作为参数,那么大部分浏览器都会创建一个基本功能相同,但完全独立的、全新的正则表达式实例;而Safari则会很干脆地返回作为参数的那个正则表达式实例。
12
var
r = /1/;
document.write(
new
RegExp(r) == r);
// Safari会输出“true”,而其它浏览器输出为“false”
- 如果把一个“空”的正则表达式直接转化成字符串,IE以外的浏览器都会得到“/(?:)/”,而IE会得到“//”——但从正则表达式上直接提取source属性的时候,得到的都是空字符串。
12
document.write(
new
RegExp(
''
));
// IE输出“//”,其它浏览器输出“/(?:)/”
document.write(eval(
''
+
new
RegExp(
''
)))
// IE输出“undefined”,其它浏览器输出“/(?:)/”
- 如果把一个包含斜线“/”的正则表达式直接转化成字符串——以“new RegExp('/')”为例,只有Firefox和Opera会得到“/\//”,并且直接提取source属性会得到“\/”;而其它浏览器则会得到“///”,且直接提取source属性会得到“/”。
12
document.write(
new
RegExp(
'/'
));
// Firefox和Opera输出“/\//”,其它浏览器输出“///”
document.write(eval(
''
+
new
RegExp(
'/'
)))
// Firefox和Opera输出“/\//”,其它浏览器输出“undefined”
- 如果在使用字面表达式来定义一个正则表达式时,使用了无效的选项标志(例如“/abc/n”),则Chrome和Safari会完全忽视此无效选项标志(等同于“/abc/”),而在其它浏览器会导致语法错误。
1
document.write(/abc/n);
// Chrome和Safari会输出“/abc/”,其它浏览器中产生语法错误
- 如果通过构造器来创建正则表达式时,为其指定选项标志的(第二个)字符串参数中包含了非有效标志的字符,在Firefox中就会引起一个异常,而其它浏览器会将无效的部分忽略。
1
document.write(
new
RegExp(
'1'
,
'n'
));
// Firefox中会引起一个异常,提示无效的标志;而其它浏览器会输出“/1/”
暂时就这些吧,发现新的再补上。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器