浅谈js正则字面量//与new RegExp的执行效率_正则表达式

浅谈js正则字面量//与new RegExp的执行效率

2020-09-07 13:56楼教主正则表达式

以前看到很多文章都说字面量会比 new 对象形式效率高，但是在正则这里，好像不是这么回事，具体的请看下面的分析

前几天谈了正则匹配 js 字符串的问题：《js 正则学习小记之匹配字符串》和《js 正则学习小记之匹配字符串优化篇》。
里面讲到了优化正则起到提升性能的问题，但是能提升多少呢？
于是我去测试了，发现tmd几乎微乎其微，我用1千字符串进行100万次匹配测试，优不优化根本没区别。

浅谈js正则字面量//与new RegExp的执行效率

这不科学，我白看了这么多天正则，上天这是在玩弄我么。

突然我想到了 compile 方法，然后去测试了下，奇迹出现了，果然优化过的快了不少。

浅谈js正则字面量//与new RegExp的执行效率

但这是为什么呢？
于是我翻阅资料，在 mdn 上找到了

果然，直接 new regexp 效果和 compile 是一样的。
不过这只是 nodejs 下的结果，我们去看看各个浏览器下的结果如何吧。

									<!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，小一点，防止等半天，ff那怂货就半天

									  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>