zoukankan      html  css  js  c++  java
  • JavaScript正则表达式的浏览器的差异

    JavaScript中的正则表达式在不同的浏览器中得到的结果可能会有差异,下面把正则表达式在五大主流浏览器(IE、Firefox、Chrome、Safari、Opera,以当前版本为准)之间的差异整理一下罗列出来。

    1. Firefox和Chrome会过度优化在循环(以及其中内嵌的函数定义)中创建的正则表达式,似乎它们在假设写JavaScript的人会把正则表达式的构建和赋值写错地方。

    var r;
    for(var i = 0; i < 2; i++){
      var x = /abc/g;
      if(r)
      	// 第二个循环时Firefox和Chrome会输出“true”
        document.write(r == x); 
      else
        r = x;
    }
    

    2. 如果你把一个有可能什么也不返回的函数作为第二个参数传递给replace方法,那么IE可能会直接删除匹配的文本(在之前的测试中我总结的是Opera的行为比较独特,现在看起来似乎是错误的结论),而其它浏览器则是会将匹配的文本替换成“undefined”。

    // IE会输出“13”,而其它浏览器输出“1undefined3”
    document.write('123'.replace(/2/, function(){})); 
    

    3. 如果使用new RegExp的形式创建正则表达式时使用一个已有的正则表达式实例作为参数,那么大部分浏览器都会创建一个基本功能相同,但完全独立的、全新的正则表达式实例;而Safari则会很干脆地返回作为参数的那个正则表达式实例。

    var r = /1/;
    // Safari会输出“true”,而其它浏览器输出为“false”
    document.write(new RegExp(r) == r); 
    

    4. 如果把一个“空”的正则表达式直接转化成字符串,IE以外的浏览器都会得到“/(?:)/”,而IE会得到“//”——但从正则表达式上直接提取source属性的时候,得到的都是空字符串。

    // IE输出“//”,其它浏览器输出“/(?:)/”
    document.write(new RegExp('')); 
    // IE输出“undefined”,其它浏览器输出“/(?:)/”
    document.write(eval('' + new RegExp(''))) 
    

    5. 如果把一个包含斜线“/”的正则表达式直接转化成字符串——以“new RegExp('/')”为例,只有Firefox和Opera会得到“///”,并且直接提取source属性会得到“/”;而其它浏览器则会得到“///”,且直接提取source属性会得到“/”。

    // Firefox和Opera输出“///”,其它浏览器输出“///”
    document.write(new RegExp('/')); 
    // Firefox和Opera输出“///”,其它浏览器输出“undefined”
    document.write(eval('' + new RegExp('/'))) 
    

    6. 如果在使用字面表达式来定义一个正则表达式时,使用了无效的选项标志(例如“/abc/n”),则Chrome和Safari会完全忽视此无效选项标志(等同于“/abc/”),而在其它浏览器会导致语法错误。

    // Chrome和Safari会输出“/abc/”,其它浏览器中产生语法错误
    document.write(/abc/n); 
    

    7. 如果通过构造器来创建正则表达式时,为其指定选项标志的(第二个)字符串参数中包含了非有效标志的字符,在Firefox中就会引起一个异常,而其它浏览器会将无效的部分忽略。

    // Firefox中会引起一个异常,提示无效的标志;而其它浏览器会输出“/1/
    document.write(new RegExp('1', 'n')); ”
  • 相关阅读:
    Java并发编程:同步容器
    poj 1961 Period
    html与JacaScript中的重要思想:预留后路、向后兼容、js分离
    SQL从头開始
    android帧动画,移动位置,缩放,改变透明度等动画解说
    COCOS学习笔记--Cocod2dx内存管理(三)-Coco2d-x内存执行原理
    构建基于Javascript的移动CMS——生成博客(二).路由
    Oracle 单表选择率
    刚接触Joomla,写一下瞎折腾的初感受~
    Android学习笔记之ProgressBar案例分析
  • 原文地址:https://www.cnblogs.com/xiaoyang002/p/4083198.html
Copyright © 2011-2022 走看看