分析js正则字面量//与new RegExp的执行效率
这篇文章主要讲解了“分析js正则字面量//与new RegExp的执行效率”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“分析js正则字面量//与new RegExp的执行效率”吧!
关于优化正则起到提升性能的问题,到底能提升多少呢?于是我去测试了,发现TMD几乎微乎其微,我用1千字符串进行100万次匹配测试,优不优化根本没区别。
这不科学,我白看了这么多天正则,上天这是在玩弄我么。
突然我想到了 compile 方法,然后去测试了下,奇迹出现了,果然优化过的快了不少。
但这是为什么呢?于是我翻阅资料,在 MDN 上找到了 RegExp Methods这里说 compile 方法已被弃用!这不科学。。。在 stackoverflow 上发现这篇文章 Javascript: what's the point of RegExp.compile()?文章大意是说其实 直接 new RegExp 即可,compile 几乎用不到。于是乎我修改了代码再来一次。
果然,直接 new RegExp 效果和 compile 是一样的。不过这只是 nodejs 下的结果,我们去看看各个浏览器下的结果如何吧。
<!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>test</title> </head> <body> <script> varstr1='"'+Array(100).join("x")+'123456\\\'78\\\"90"'; varstr2='"'+Array(100).join("x")+'ooo\\\\oooo\\\nxxxx\\\"xxxx"'; //这里写100,小一点,防止等半天,FF那怂货就半天 console.log("字符串1:",str1); console.log("字符串2:",str2); varreg1=/"(?:\\.|[^"])*"/; varreg2=/"(?:[^"\\]|\\[\d\D])*"/; varreg11=newRegExp('"(?:\\.|[^"])*"'); varreg22=newRegExp('"(?:[^"\\]|\\[\d\D])*"'); varn=1e6;//100万次测试 test("reg1",reg1); test("reg2",reg2); test("reg11",reg11); test("reg22",reg22); functiontest(name,re){ console.time(name); for(vari=0;i<n;i++){ str1.match(re); str2.match(re); } console.timeEnd(name); } </script> </body> </html>
IE8 (我调用了一个插件模拟控制台实现IE6-8调试输出的)
很明显,第一名是 chrome (以 reg22 那个优化过的为准),这个号称武装到牙齿的货,果然够new逼。不过 firefox这货,竟然连 IE8 都比不过,是不是太怂了点。
优化过的 正则 比没优化的快,那是肯定的。但是 正则字面量 和 new RegExp 比,那就不是一个档次了。为什么有如此大的差距呢?其实我也没搞清楚。
以前看到很多文章都说 字面量 会比 new 对象 形式效率高,但是在正则这里,好像不是这么回事。不过也不能直接否认这个观点,因为我一直都用字面量的,简洁美观,用着方便才是王道。
我觉得在数据量大,或者重复操作次数多的时候用 new RegExp 是很必要的。因为你也看到了性能提升这么多。当然前提条件是你的正则必须优化,正则没优化的情况,两种差不多。所以优化你的正则,然后用 new RegExp 可以大幅度提升程序的性能。
PS: IE11 是个特例,这货从来不安套路出牌。
感谢各位的阅读,以上就是“分析js正则字面量//与new RegExp的执行效率”的内容了,经过本文的学习后,相信大家对分析js正则字面量//与new RegExp的执行效率这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是恰卡编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!
推荐阅读
-
node如何链接多个JS模块
-
前后端全部用 JS 开发是什么体验(Hybrid + Egg.js经验分享)上
-
换一种思维看待PHP VS Node.js
-
JS遍历数组的三种方法map、forEach与filter实例详解
-
物联网宠儿mqtt.js那些事儿
-
js不跳转传值php
-
Node.js基本内容和知识点
简单的说node.js就是运行在服务端的JavaScript,起初段定位是后端开发语言,由于技术的不够成熟,一般小型项目...
-
为什么选择 Node.js 作为 Web 应用程序?
-
node.js后台快速搭建在阿里云(一)(express篇)
-
基于WebRTC 如何借助Laravel 7和Vue.js创建视频聊天应用
本文介绍了如何借助Vue.js和laravel7创建一个简单的视频聊天应用。如何实现视频聊天我们会用到一个免...