Js如何利用console计算代码运行时间

如果学习前端一定时间以后,就会考虑性能方面的问题。那么问题来了,我们怎么计算出一段代码的运行时间呢?发现了个计算代码执行时间的方法,所以本文主要给大家介绍关于javascript利用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调试命令不止Console.log()

详解Laravel的任务调度console

JS的使用过程中如何自定义console对象

以上就是Js如何利用console计算代码运行时间的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2787782.html

(0)
上一篇 2025年3月8日 18:16:55
下一篇 2025年3月8日 18:17:00

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 关于jQuery用$.ajax或$.getJSON实现跨域获取JSON数据的代码

    通过jquery可以跨域获取json数据,但必须弄清楚的是,jquery不可以跨域获取任意json格式的数据,必须要通过服务端输出特定的针对jquery跨域读取的json数据。你可能目前对此仍然毫无了解,没关系,本文将以最简单易懂的方式介绍…

    编程技术 2025年3月8日
    200
  • VsCode完成VueJs项目的教程

    本文主要介绍了vscode新建vuejs项目的详细步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 使用vue-cli快速构建项目 ( vue-cli 是vue.js的脚手架,用于自动生成…

    2025年3月8日 编程技术
    200
  • javascript二维数组的面试题

    本文主要和大家分享一个关于javascript二维数组的面试题,希望能帮助到大家。给定一个二维数组,实现一个功能函数 fn,向这个函数中传递这个二维数组的一个坐标,如果这个坐标的值为 ”1“,将返回和这个坐标所有相连的并且坐标值为1坐标。 …

    编程技术 2025年3月8日
    200
  • vue-slicksort一个vue.js拖拽组件

    本文主要和大家分享vue-slicksort ,它是一个功能强大的可拖拽的vue.js组件。 它可以自动滚动,锁定坐标系。支持拖拽时,流畅的动画效果。可以支持水平,垂直或者网格的拖拽。支持触摸。希望本文能帮助到大家。 DEMO 安装 通过n…

    2025年3月8日
    200
  • JS中的BOM应用详解

    本文我们住要和大家分享js中的bom应用详解,我们曾经讲过js由三部分组成,其中一个部分就是bom,用于对浏览器进行操作。这节课我们主要就来介绍bom。 BOM基础 我们先来看一个BOM的最基础功能:打开、关闭窗口: 无标题文档 登录后复制…

    2025年3月8日
    200
  • Js简单实现返回上一页简洁介绍

    利用javascript实现返回上一页的方法很简单只需要一行js代码就可以搞定,不太了解js返回上一页的小伙伴们可以来看看,学习学习哦! 不再废话直接上代码: window.history.go(-1);  //返回上一页window.hi…

    编程技术 2025年3月8日
    200
  • js的数据类型及JS基本数据类型具体有哪几种

    本文主要和大家分享js的数据类型及js基本数据类型具体有哪几种,希望能帮助到大家。 近期做一些项目的时候发现,自己的js基础还是不够扎实,再看一遍犀牛书,加深自己的理解和印象。所以从这篇文章开始,后面都是关于原生js的一些内容。 我们先介绍…

    编程技术 2025年3月8日
    200
  • 三种JavaScript定义函数方法

    本文主要和大家介绍javascript定义函数的三种实现方法的相关资料,希望通过本文大家能够掌握三种定义函数的方法,需要的朋友可以参考下,希望能帮助到大家。 JavaScript定义函数的三种实现方法 【1】正常方法 function pr…

    编程技术 2025年3月8日
    200
  • Javascript刷新页面方法及location.reload()用法介绍

    本文主要和大家介绍javascript刷新页面方法及location.reload()用法介绍,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。 Javascript刷新页面的几种方法: 1    history.go(0…

    编程技术 2025年3月8日
    200
  • nodejs通过代理proxy发送http请求request详解

    本文主要和大家介绍nodejs通过代理(proxy)发送http请求(request),具有一定的参考价值,有兴趣的可以了解一下,希望能帮助到大家。 有可能有这样的需求,需要node作为web服务器通过另外一台http/https代理服务器…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论