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


Posted in Javascript onSeptember 24, 2017

前言

本文主要给大家介绍了关于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方法,并再次把字符串传入。

个人推荐第二种方式。

总结

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

Javascript 相关文章推荐
JavaScript入门教程(8) Location地址对象
Jan 31 Javascript
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
jQuery 关于伪类选择符的使用说明
Apr 24 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
Nov 06 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
详解Web使用webpack构建前端项目
Sep 23 #Javascript
vue webuploader 文件上传组件开发
Sep 23 #Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 #jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 #jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 #jQuery
VsCode新建VueJs项目的详细步骤
Sep 23 #Javascript
详解webpack + vue + node 打造单页面(入门篇)
Sep 23 #Javascript
You might like
PHP中使用CURL获取页面title例子
2015/01/07 PHP
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
网站404页面3秒后跳到首页的实例代码
2013/08/16 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
2015/12/07 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
jquery实现简单每周轮换的日历
2020/09/10 jQuery
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
使用Python的web.py框架实现类似Django的ORM查询的教程
2015/05/02 Python
Python中用于计算对数的log()方法
2015/05/15 Python
python实现报表自动化详解
2017/11/16 Python
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
Python Django view 两种return的实现方式
2020/03/16 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
应聘护士自荐信
2013/10/21 职场文书
社区安全检查制度
2014/02/03 职场文书
家长会主持词
2014/03/26 职场文书
不服从公司安排检讨书
2014/09/24 职场文书
2014年度工作总结报告
2014/12/15 职场文书
高一地理教学工作总结
2015/08/12 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python