• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    JS正则表达式字面量和使用new RegExp构造函数创建的正则表达式有什么区别

    我们在js中只用字符替换的时候,经常会遇到两种写法,直接字面量

    1、str.replace(/nbsp;/ig,"");

    2、new RegExp的方式

    测试代码

    form name=form1> 
    字符串:input name="t1" value="123456"> 
    模式:/input name="t2" value="^\d*$">/ 
    /form> 
    script language=javascript> 
    function c1() 
     { 
     re=new RegExp("^\d*$"); 
     alert(re.test("123456")); 
     } 
    function c2(form) 
     { 
     re=new RegExp(form.t2.value); 
     alert(re.test(form.t1.value)); 
    } 
    function c3(){ 
     re=/^\d*$/; 
     alert(re.test("123456")); 
     } 
     c1(); 
     c2(document.form1); 
     c3(); 
    /script> 

    上面的代码结果为:FALSE,TRUE,TRUE

    请问结果中为什么第一个为FALSE?

    第一个应为   re=new   RegExp("^\\d*$");     

     \在引号中需要转义

    第一双有双引号,双引号要加多一次转义的,第二个没有,这就是区别 

    不过今天看来一篇文章,对于复杂类的替换还是用new 来写出来。前提也得把正则优化好。

    以前看到很多文章都说 字面量 会比 new 对象 形式效率高,但是在正则这里,好像不是这么回事。
    不过也不能直接否认这个观点,因为我一直都用字面量的,简洁美观,用着方便才是王道。

    我觉得在数据量大,或者重复操作次数多的时候用 new RegExp 是很必要的。
    因为你也看到了性能提升这么多。
    当然前提条件是你的正则必须优化,正则没优化的情况,两种差不多。

    所以优化你的正则,然后用 new RegExp 可以大幅度提升程序的性能。

    PS: IE11 是个特例,这货从来不安套路出牌。

    好了今天的分享完毕,你们都蠢蠢欲动了吧,快去把正则各种new起来吧。

    JS正则使用正则表达式字面量和使用 RegExp 构造函数创建的正则表达式有什么不一样?

    下面的内容摘自某书
    使用正则表达式字面量和使用 RegExp 构造函数创建的正则表达式不一样。在 ECMAScript 3 中, 正则表达式字面量始终会共享同一个RegExp实例,而使用构造函数创建的每一个新RegExp实例都是一个新实例。来看下面的例子。

    var re = null,
      i;
    for (i=0; i  10; i++){
     re = /cat/g;
     re.test("catastrophe");
    }
    for (i=0; i  10; i++){
     re = new RegExp("cat", "g");
     re.test("catastrophe");
    }

    在第一个循环中,即使是循环体中指定的,但实际上只为 /cat/ 创建了一个 RegExp 实例。由于实例属性不会重置,所以在循环中再次调用 test() 方法会失败。这是因为第一次调用 test() 找到了"cat",但第二次调用是从索引为 3 的字符(上一次匹配的末尾)开始的,所以就找不到它了。由于会测试到字符串末尾,所以下一次再调用 test()就又从开头开始了。
    第二个循环使用 RegExp 构造函数在每次循环中创建正则表达式。因为每次迭代都会创建一个新的 RegExp 实例,所以每次调用 test()都会返回 true。

    没能看懂,我测试了下两种方式来测试,都是返回了10次 true 啊
    如果放开ES5标准不说,假如是ES3的话是不是说第一种情况是5次,第二种情况是10次呢?

    var re = null,
     b = 0,
     c = 0,
     tmp,
     i;
    for (i=0; i  10; i++){
     re = /cat/g;
     tmp = re.test("catastrophe");
     console.log(tmp);
     if(tmp){
      b++ ;
     }
    }
    for (i=0; i  10; i++){
     re = new RegExp("cat", "g");
     tmp = re.test("catastrophe");
     console.log(tmp);
     if(tmp){
      c++;
     }
    }
    console.log(b,c);

    你自己都说那是ES3的标准了,现在ES5都普及了,ES6的出现也指日可待了。

    ES5标准里不管哪种方式都会创建一个独立的正则表达式。现代浏览器一般都支持ES5了。

    因为现在要看ECMA5.1了,标准中明确指出

    A regular expression literal is an input element that is converted to a RegExp object (see 15.10) each time the literal is evaluated. Two regular expression literals in a program evaluate to regular expression objects that never compare as === to each other even if the two literals' contents are identical.

    正则表达式字面量每次被计算时都会被转换成一个正则对象,即使内容一致,这些对象也并不相同

    您可能感兴趣的文章:
    • js之ActiveX控件使用说明 new ActiveXObject()
    • javascript中IE浏览器不支持NEW DATE()带参数的解决方法
    • 关于js new Date() 出现NaN 的分析
    • Javascript new关键字的玄机 以及其它
    • Javascript new Date().valueOf()的作用与时间戳由来详解
    • js中关于new Object时传参的一些细节分析
    • javascript new一个对象的实质
    • JavaScript中的new的使用方法与注意事项
    • js中获取时间new Date()的全面介绍
    • JavaScript初学者必看“new”
    上一篇:正则表达式详述 四
    下一篇:用正则按最后一个_分割字符
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    JS正则表达式字面量和使用new RegExp构造函数创建的正则表达式有什么区别 正则,表达式,字面,量,和,