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 相关文章推荐
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
javascript实现根据身份证号读取相关信息
Dec 17 Javascript
JavaScript原生对象之Date对象的属性和方法详解
Mar 13 Javascript
BootStrap Table对前台页面表格的支持实例讲解
Dec 22 Javascript
Vue2学习笔记之请求数据交互vue-resource
Feb 23 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
JS如何在数组指定位置插入元素
Mar 10 Javascript
javascript canvas时钟模拟器
Jul 13 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
Nov 12 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
几个学习PHP的网址
2006/11/25 PHP
php 不同编码下的字符串长度区分
2009/09/26 PHP
深入了解PHP类Class的概念
2012/06/14 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
Javascript中的常见排序算法
2007/03/27 Javascript
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
vue如何引入sass全局变量
2018/06/28 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
iview实现图片上传功能
2020/06/29 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
Python基础练习之用户登录实现代码分享
2017/11/08 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
python+selenium打印当前页面的titl和url方法
2018/06/22 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
HTML5 自动聚焦(autofocus)属性使用介绍
2013/08/07 HTML / CSS
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
澳大利亚领先的女帽及配饰公司:Morgan&Taylor
2019/12/01 全球购物
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
经理职责范文
2013/11/08 职场文书
园林技术个人的自我评价
2014/01/08 职场文书
2016年公司新年寄语
2015/08/17 职场文书
python 模块重载的五种方法
2021/04/24 Python
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript