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

2022-08-07 08:58:59

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

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

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

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

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