全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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优化指南  小程序网站制作需要准备什么资料,如何制作小程序?  建站之星备案是否影响网站上线时间?  杭州银行网站设计制作流程,杭州银行怎么开通认证方式? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。