Js利用console计算代码运行时间的方法示例

站长资源 2024/11/28 佚名

2 0 1

前言

本文主要给大家介绍了关于Js用console计算代码运行时间的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

需求

如果学习前端一定时间以后，就会考虑性能方面的问题。那么问题来了，我们怎么计算出一段代码的运行时间呢？

使用console.log配合Date对象计算

比如，我们计算sort方法排序十万个随机数组成的数组需要用多长时间的话，可以这么写：

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    var beginTime = +new Date();
    arr.sort();
    var endTime = +new Date();
    console.log("排序用时共计"+(endTime-beginTime)+"ms");

最后在控制台会显示：

排序用时共计552ms

下面，再介绍一种更灵活更准确的方法。

使用console.time进行时间计算

这种方法比上一种更准确，而且专门为性能产生的方法：
测试案例：

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    console.time("sort");
    arr.sort();
    console.timeEnd("sort");

控制台会打印出：

sort: 542.668701171875ms

这种方法在需要测试的开始位置写上console.time，并且括号内传一个字符串。在结束的位置使用console.timeEnd方法，并再次把字符串传入。

个人推荐第二种方式。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

js,console,对象,js,统计代码运行时间,js,代码运行时间

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“Js利用console计算代码运行时间的方法示例”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月28日

Js利用console计算代码运行时间的方法示例

JS实现手写parseInt的方法示例

详解Web使用webpack构建前端项目

评论“Js利用console计算代码运行时间的方法示例”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接