分析js正則字面量//與newRegExp的執(zhí)行效率

這篇文章主要講解了“分析js正則字面量//與new RegExp的執(zhí)行效率”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“分析js正則字面量//與new RegExp的執(zhí)行效率”吧！

成都創(chuàng)新互聯(lián)服務項目包括鄒平網(wǎng)站建設、鄒平網(wǎng)站制作、鄒平網(wǎng)頁制作以及鄒平網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，鄒平網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到鄒平省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

關(guān)于優(yōu)化正則起到提升性能的問題，到底能提升多少呢？
于是我去測試了，發(fā)現(xiàn)TMD幾乎微乎其微，我用1千字符串進行100萬次匹配測試，優(yōu)不優(yōu)化根本沒區(qū)別。

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

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

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

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

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

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

果然，直接 new RegExp 效果和 compile 是一樣的。
不過這只是 nodejs 下的結(jié)果，我們?nèi)タ纯锤鱾€瀏覽器下的結(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，小一點，防止等半天，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萬次測試
 
  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>

分析js正則字面量//與new RegExp的執(zhí)行效率
chrome

分析js正則字面量//與new RegExp的執(zhí)行效率
firefox

分析js正則字面量//與new RegExp的執(zhí)行效率
IE11

分析js正則字面量//與new RegExp的執(zhí)行效率
IE8 (我調(diào)用了一個插件模擬控制臺實現(xiàn)IE6-8調(diào)試輸出的)

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

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

以前看到很多文章都說 字面量 會比 new 對象形式效率高，但是在正則這里，好像不是這么回事。
不過也不能直接否認這個觀點，因為我一直都用字面量的，簡潔美觀，用著方便才是王道。

我覺得在數(shù)據(jù)量大，或者重復操作次數(shù)多的時候用 new RegExp 是很必要的。
因為你也看到了性能提升這么多。
當然前提條件是你的正則必須優(yōu)化，正則沒優(yōu)化的情況，兩種差不多。
所以優(yōu)化你的正則，然后用 new RegExp 可以大幅度提升程序的性能。

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

感謝各位的閱讀，以上就是“分析js正則字面量//與new RegExp的執(zhí)行效率”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對分析js正則字面量//與new RegExp的執(zhí)行效率這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

網(wǎng)站標題：分析js正則字面量//與newRegExp的執(zhí)行效率
本文路徑：http://jinyejixie.com/article30/pdchso.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、標簽優(yōu)化、品牌網(wǎng)站設計、微信小程序、搜索引擎優(yōu)化、手機網(wǎng)站建設

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

分析js正則字面量//與newRegExp的執(zhí)行效率