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

程序员文章站 2022-06-25 12:44:55

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

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

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

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

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

但这是为什么呢？
于是我翻阅资料，在 mdn 上找到了 regexp methods
这里说 compile 方法已被弃用！这不科学。。。
在 * 上发现这篇文章 javascript: what's the point of regexp.compile()?
文章大意是说其实直接 new regexp 即可，compile 几乎用不到。
于是乎我修改了代码再来一次。

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

果然，直接 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>

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