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

前言

本文主要给大家介绍了关于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  # 对象  # 统计代码运行时间  # 代码运行时间  # javascript的console.log()用法小结  # JavaScript调试技巧之console.log()详解  # js调试工具Console命令详解  # javascript代码调试之console.log 用法图文详解  # JavaScript中的console.dir()函数介绍  # node.js中的console.log方法使用说明  # node.js中的console用法总结  # javascript 在firebug调试时用console.log的方法  # JavaScript中的console.trace()函数介绍  # 利用Js的console对象  # 在控制台打印调式信息测试Js的实现  # node.js中的console.info方法使用说明  # JavaScript console的使用方法实例分析  # 更准确  # 就会  # 来了  # 随机数  # 这种方法  # 相关内容  # 说了  # 不多  # 给大家  # 这篇文章  # 谢谢大家  # 写上  # 多长时间  # 第二种  # 需要用  # 计算出  # 比上  # 括号内  # 更灵活  # 十万个 

相关文章： 制作电商网页,电商供应链怎么做？  如何续费美橙建站之星域名及服务？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  Android滚轮选择时间控件使用详解  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何访问已购建站主机并解决登录问题？  制作宣传网站的软件,小红书可以宣传网站吗？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  微信小程序 input输入框控件详解及实例（多种示例）  如何零基础在云服务器搭建WordPress站点？  建站DNS解析失败？如何正确配置域名服务器？  代刷网站制作软件,别人代刷火车票靠谱吗？  如何选择靠谱的建站公司加盟品牌？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  在线制作视频的网站有哪些,电脑如何制作视频短片？  常州企业网站制作公司,全国继续教育网怎么登录？  如何快速查询网站的真实建站时间？  建站主机解析：虚拟主机配置与服务器选择指南  如何快速搭建二级域名独立网站？  如何做静态网页,sublimetext3.0制作静态网页？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何有效防御Web建站篡改攻击？  用v-html解决Vue.js渲染中html标签不被解析的问题  建站主机如何安装配置？新手必看操作指南  制作网站公司那家好,网络公司是做什么的？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  宝塔建站助手安装配置与建站模板使用全流程解析  宁波自助建站系统如何快速打造专业企业网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何在VPS电脑上快速搭建网站？  如何通过山东自助建站平台快速注册域名？  建站之星导航菜单设置与功能模块配置全攻略  建站之星代理如何优化在线客服效率？  建站ABC备案流程中有哪些关键注意事项？  大连网站设计制作招聘信息,大连投诉网站有哪些？  威客平台建站流程解析：高效搭建教程与设计优化方案  成都网站制作公司哪家好,四川省职工服务网是做什么用？  建站之星安装步骤有哪些常见问题？  创业网站制作流程,创业网站可靠吗？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  制作网站的公司有哪些,做一个公司网站要多少钱？  音乐网站服务器如何优化API响应速度？  移民网站制作流程,怎么看加拿大移民官网？  建站之星CMS五站合一模板配置与SEO优化指南  小程序网站制作需要准备什么资料,如何制作小程序？  建站之星备案是否影响网站上线时间？  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？