以前看到很多文章都說 字面量 會比 new 對象 形式效率高，但是在正則這里，好像不是這么回事，對于復雜類的替換還是用new 來寫出來。前提也得把正則優化好，我們在js中只用字符替換的時候，經常會遇到兩種寫法，直接字面量
1、str.replace(/ /ig,"");
2、new RegExp的方式
測試代碼
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<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實例都是一個新實例。來看下面的例子。
|
1
2
3
4
5
6
7
8
9
10
|
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次呢？
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
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.
正則表達式字面量每次被計算時都會被轉換成一個正則對象，即使內容一致，這些對象也并不相同
