JS正则字面量与new RegExp执行效率实测

作者：极速慢跑

时间：2026-10-23

本文通过实际测试对比了JavaScript中正则表达式字面量与new RegExp的执行效率。结果显示，在大量匹配场景下，经过优化的正则配合new RegExp构造函数能显著提升性能，而字面量形式相对较慢。文章还分析了不同浏览器下的表现差异，并指出compile方法虽已弃用但效果类似。

文章目录

正则表达式性能测试背景

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

正则表达式性能测试背景

这一结果令人费解，难道之前的正则学习都白费了？

随后想到compile方法，经测试发现，经过优化的正则确实有显著的速度提升。

正则表达式性能测试背景

compile方法与new RegExp的对比

为何会出现这种差异？查阅MDN文档发现，RegExp Methods中明确指出compile方法已被弃用。这似乎与之前的认知相悖。在StackOverflow上找到一篇名为“Javascript: what's the point of RegExp.compile()? ”的文章，指出直接使用new RegExp即可，compile方法几乎无用。基于此，修改代码重新进行测试。

正则表达式性能测试背景

测试结果表明，直接使用new RegExp的效果与compile方法一致。然而，上述结果仅基于Node.js环境，接下来将考察各浏览器下的表现。


<!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>