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 常见对象类创建代码与优缺点分析
Dec 07 Javascript
js 使用form表单select类实现级联菜单效果
Dec 19 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
Jan 26 Javascript
完美JQuery图片切换效果的简单实现
Jul 21 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 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
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
2014/10/31 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
小程序实现发表评论功能
2018/07/06 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y
2015/12/26 DOTA
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
编写Python脚本来获取Google搜索结果的示例
2015/05/04 Python
python清除字符串里非数字字符的方法
2015/07/02 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
django和vue实现数据交互的方法
2019/08/21 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
pycharm运行程序时看不到任何结果显示的解决
2020/02/21 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
英国著名的药妆网站:Escentual
2016/07/29 全球购物
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
大学班级干部的自我评价分享
2014/02/10 职场文书
病媒生物防治方案
2014/05/13 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
教师个人师德总结
2015/02/06 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书
Elasticsearch 批量操作
2022/04/19 Python