JS正則表達(dá)式字面量和使用new RegExp構(gòu)造函數(shù)創(chuàng)建的正則表達(dá)式有什么區(qū)別

我們?cè)趈s中只用字符替換的時(shí)候，經(jīng)常會(huì)遇到兩種寫法，直接字面量

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

2、new RegExp的方式

測(cè)試代碼

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> 

上面的代碼結(jié)果為:FALSE,TRUE,TRUE

請(qǐng)問結(jié)果中為什么第一個(gè)為FALSE?

第一個(gè)應(yīng)為   re=new   RegExp("^\\d*$");     

 \在引號(hào)中需要轉(zhuǎn)義

第一雙有雙引號(hào)，雙引號(hào)要加多一次轉(zhuǎn)義的，第二個(gè)沒有，這就是區(qū)別 

不過今天看來一篇文章，對(duì)于復(fù)雜類的替換還是用new 來寫出來。前提也得把正則優(yōu)化好。

以前看到很多文章都說 字面量 會(huì)比 new 對(duì)象 形式效率高，但是在正則這里，好像不是這么回事。
不過也不能直接否認(rèn)這個(gè)觀點(diǎn)，因?yàn)槲乙恢倍加米置媪康模?jiǎn)潔美觀，用著方便才是王道。

我覺得在數(shù)據(jù)量大，或者重復(fù)操作次數(shù)多的時(shí)候用 new RegExp 是很必要的。
因?yàn)槟阋部吹搅诵阅芴嵘@么多。
當(dāng)然前提條件是你的正則必須優(yōu)化，正則沒優(yōu)化的情況，兩種差不多。

所以優(yōu)化你的正則，然后用 new RegExp 可以大幅度提升程序的性能。

PS: IE11 是個(gè)特例，這貨從來不安套路出牌。

好了今天的分享完畢，你們都蠢蠢欲動(dòng)了吧，快去把正則各種new起來吧。

JS正則使用正則表達(dá)式字面量和使用 RegExp 構(gòu)造函數(shù)創(chuàng)建的正則表達(dá)式有什么不一樣？

下面的內(nèi)容摘自某書
使用正則表達(dá)式字面量和使用 RegExp 構(gòu)造函數(shù)創(chuàng)建的正則表達(dá)式不一樣。在 ECMAScript 3 中, 正則表達(dá)式字面量始終會(huì)共享同一個(gè)RegExp實(shí)例,而使用構(gòu)造函數(shù)創(chuàng)建的每一個(gè)新RegExp實(shí)例都是一個(gè)新實(shí)例。來看下面的例子。

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");
}

在第一個(gè)循環(huán)中,即使是循環(huán)體中指定的,但實(shí)際上只為 /cat/ 創(chuàng)建了一個(gè) RegExp 實(shí)例。由于實(shí)例屬性不會(huì)重置,所以在循環(huán)中再次調(diào)用 test() 方法會(huì)失敗。這是因?yàn)榈谝淮握{(diào)用 test() 找到了"cat",但第二次調(diào)用是從索引為 3 的字符(上一次匹配的末尾)開始的,所以就找不到它了。由于會(huì)測(cè)試到字符串末尾,所以下一次再調(diào)用 test()就又從開頭開始了。
第二個(gè)循環(huán)使用 RegExp 構(gòu)造函數(shù)在每次循環(huán)中創(chuàng)建正則表達(dá)式。因?yàn)槊看蔚紩?huì)創(chuàng)建一個(gè)新的 RegExp 實(shí)例,所以每次調(diào)用 test()都會(huì)返回 true。

沒能看懂，我測(cè)試了下兩種方式來測(cè)試，都是返回了10次 true 啊
如果放開ES5標(biāo)準(zhǔn)不說，假如是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的標(biāo)準(zhǔn)了，現(xiàn)在ES5都普及了，ES6的出現(xiàn)也指日可待了。

ES5標(biāo)準(zhǔn)里不管哪種方式都會(huì)創(chuàng)建一個(gè)獨(dú)立的正則表達(dá)式?，F(xiàn)代瀏覽器一般都支持ES5了。

因?yàn)楝F(xiàn)在要看ECMA5.1了，標(biāo)準(zhǔn)中明確指出

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.

正則表達(dá)式字面量每次被計(jì)算時(shí)都會(huì)被轉(zhuǎn)換成一個(gè)正則對(duì)象，即使內(nèi)容一致，這些對(duì)象也并不相同