比如我们试图测试这样一段代码的执行速度,我们通常会这样做:

 

然而鉴于现在的设备和浏览器运行得越来越快,这种将代码运行固定次数的测试方法有很大概念会得到一个0ms的时间差结果,显然0是毫无意义的,如下图

 

这里推荐使用benchmark.js进行代码段的基准测试,同时可以使用jsPerf来分享我们的基准测试

Benchmark.js的使用:

github地址:https://github.com/bestiejs/benchmark.js

这里我们来使用benchmark.js来进行两段代码段的性能测试,这里主要来测试concat和join的性能:

 

看下输出的结果:

其中,Ops/sec 测试结果以每秒钟执行测试代码的次数(Ops/sec)显示,这个数值越大越好。除了这个结果外,同时会显示测试过程中的统计误差,以及相对最好的慢了多少(%)

显然,这里是concat的执行性能会更优于join

这里我们使用jsPerf测试该段代码,执行的结果也是大同小异:

 

上段测试用例的链接是:https://jsperf.com/kameleon-test2

jsPerf的链接:https://jsperf.com/

原文链接:https://blog.csdn.net/kameleon2013/article/details/53394775


发布评论
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

拖放排序插件Sortable.js知识解答
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。