快捷導(dǎo)航

淺談js正則字面量//與new RegExp的執(zhí)行效率

更新時(shí)間：2020年04月08日 22:35:38 作者：樓教主

以前看到很多文章都說字面量會(huì)比 new 對(duì)象形式效率高，但是在正則這里，好像不是這么回事，具體的請(qǐng)看下面的分析

前幾天談了正則匹配 js 字符串的問題：《js 正則學(xué)習(xí)小記之匹配字符串》和《js 正則學(xué)習(xí)小記之匹配字符串優(yōu)化篇》。
里面講到了優(yōu)化正則起到提升性能的問題，但是能提升多少呢？
于是我去測(cè)試了，發(fā)現(xiàn)TMD幾乎微乎其微，我用1千字符串進(jìn)行100萬次匹配測(cè)試，優(yōu)不優(yōu)化根本沒區(qū)別。

這不科學(xué)，我白看了這么多天正則，上天這是在玩弄我么。

突然我想到了 compile 方法，然后去測(cè)試了下，奇跡出現(xiàn)了，果然優(yōu)化過的快了不少。

但這是為什么呢？
于是我翻閱資料，在 MDN 上找到了 RegExp Methods
這里說 compile 方法已被棄用！這不科學(xué)。。。
在 stackoverflow 上發(fā)現(xiàn)這篇文章 Javascript: what's the point of RegExp.compile()?
文章大意是說其實(shí) 直接 new RegExp 即可，compile 幾乎用不到。
于是乎我修改了代碼再來一次。

果然，直接 new RegExp 效果和 compile 是一樣的。
不過這只是 nodejs 下的結(jié)果，我們?nèi)タ纯锤鱾€(gè)瀏覽器下的結(jié)果如何吧。

<!doctype html>
<html lang="en"> 
<head>
 <meta charset="UTF-8">
 <title>test</title>
</head>
 
<body>
 <script>
  var str1 = '"' + Array(100).join("x") + '123456\\\'78\\\"90"';
  var str2 = '"' + Array(100).join("x") + 'ooo\\\\oooo\\\nxxxx\\\"xxxx"';
   // 這里寫100，小一點(diǎn)，防止等半天，F(xiàn)F那慫貨就半天
  console.log("字符串1:", str1);
  console.log("字符串2:", str2);
 
  var reg1 = /"(?:\\.|[^"])*"/;
  var reg2 = /"(?:[^"\\]|\\[\d\D])*"/;
 
  var reg11 = new RegExp('"(?:\\.|[^"])*"');
  var reg22 = new RegExp('"(?:[^"\\]|\\[\d\D])*"');
 
  var n = 1e6; //100萬次測(cè)試
 
  test("reg1", reg1);
  test("reg2", reg2);
  test("reg11", reg11);
  test("reg22", reg22);
 
  function test(name, re) {
   console.time(name);
   for (var i = 0; i < n; i++) {
    str1.match(re);
    str2.match(re);
   }
   console.timeEnd(name);
  }
 </script>
</body> 
</html>

chrome

firefox

IE11

IE8 (我調(diào)用了一個(gè)插件模擬控制臺(tái)實(shí)現(xiàn)IE6-8調(diào)試輸出的)

很明顯，第一名是 chrome (以 reg22 那個(gè)優(yōu)化過的為準(zhǔn))，這個(gè)號(hào)稱武裝到牙齒的貨，果然夠new逼。
不過 firefox 這貨，竟然連 IE8 都比不過，是不是太慫了點(diǎn)。

優(yōu)化過的正則比沒優(yōu)化的快，那是肯定的。
但是 正則字面量 和 new RegExp 比，那就不是一個(gè)檔次了。
為什么有如此大的差距呢？
其實(shí)我也沒搞清楚。

以前看到很多文章都說 字面量 會(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起來吧。

您可能感興趣的文章: