测试js代码性能（即消耗的时间）

最新推荐文章于 2023-02-10 23:08:54 发布
于 2019-12-02 15:43:44 发布 1522 收藏 2
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38969618/article/details/103349912
版权

测量一个javascript脚本程序执行消耗的时间：

console.time("计时器名称")   //计时开始，参数为计时器的名称，它的作用是在代码并行运行时分清楚各个计时器。

.......要测试的js代码

console.timeEnd("计时器名称")  //计时结束，立即输出执行总共消耗的时间，单位是毫秒。

 

qq_38969618
关注
  • 0
    点赞
  • 踩
  • 2
    收藏 更改收藏夹
  • 打赏
    打赏
  • 0
    评论
专栏目录
JS 函数对象比匿名函数更消耗性能
weixin_42995152的博客
02-11 419
在 ES6 中出现了匿名函数的语法糖 () => {} ，它的出现使得回调函数的用法上无论是看上去还是编写过程都更加简洁。 而在性能消耗方面，使用命名函数 function 比 使用匿名函数 ()=>{} 更加消耗性能，如下测试： <script> console.time('x'); for (let i = 0; i < 10; i++) { let fn = function() {} } console.timeEnd('x'); //x: 0.01293
JS函数——代码性能指标
zhengjingID的博客
05-30 231
本篇文章围绕JS代码的健壮性、可读性、可复用性和可拓展性，四个方面做简单描述。
JavaScript 评测代码运行速度的几种方法
最新发布
忧郁的蛋的专栏
02-10 631
这些库可以在多次运行代码的情况下进行测试，并以可读的方式报告结果，以便更好地评估性能。通过使用这些库，可以对代码的性能进行更精确的评估，并了解其在不同浏览器和设备环境中的表现。这两种方法都可以快速评测代码的性能，但这些方法只是大致估算代码运行速度，而不是精确的性能测量工具。因此，如果需要更精确的评测，可以使用专业的性能分析工具。通过使用它，您可以获得有关代码性能的详细信息，并确保代码在各种环境中良好运行。例如，如果使用 Chrome 浏览器，可以使用 Chrome 开发者工具评测代码的运行速度。
深入理解javascript定时器
英邦网络
02-23 298
浏览器中的所有Javascript代码都是在单线程中执行的，处理程序在执行时必须进行排队执行，并且一个处理程序并不能中断另外一个处理程序的执行。所以，Javascript定时器的延迟时间是不能保证的。   有两种创建重复定时器的方式，他们之间是有差异的。 setTimeout(function repeatMe(){          /*其它很长的代码*/          s
JS 打印耗时
SoulKey的博客
03-23 1128
console.time("test time"); console.timeLog("test time"); console.timeEnd("test time"); 参数要一致，会自动打印出函数耗时，单位ms
六，JS中代码执行速度测试（代码性能测试）
qq_33345511的博客
01-21 2943
测试程序的性能，在程序执行前开启一个计时器，console.time(“test”)开启计时器，console.timeEnd("test")关闭计时器 不打印输出console.log(i);只需要0.126ms;说明打印输出非常消耗时间。主要是讲解一下，如何测试某段代码的性能。 ...
js 会消耗服务器性能,js性能优化
weixin_42298629的博客
08-09 298
面试中经常会被问到js性能的一些问题：比如：最直接的就是js怎么进行优化；还有就是js怎么处理大批量数据；用户交互卡顿怎么处理；等等下面总结了一些方法，有问题请 ✋^ _ ^由于JS是一种解释型语言，执行速度要比编译型语言慢得多。( Chrome将JS编译成本地代码的浏览器，其它浏览器也陆续实现了JS的编译过程。但是，即使到了编译执行JS的新阶段，仍然会存在低效率的代码。)加载资源1)阻塞式脚本：...
js打印代码执行时间差console.time()和console.timeEnd()；
九段刀客的博客
02-04 3255
console.time(); xxxx.then(() => { console.timeEnd(); });
计算并输出1亿次加法运算耗费的系统时间
weixin_63901217的博客
04-29 307
package lj424; import java.util.Date; public class lj16_041 { public static void main(String[] args) { long date = System.currentTimeMillis(); int sum=0; int yi=100000001; for (int j=0;j<yi;j++){ .
浅谈测量javascript脚本程序执行消耗的时间
jackie_bobo的博客
11-14 2362
随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。接下来就简单介绍一下两种方法： 方法一： console.time方法是开始计算时间，console.timeEnd是停止计时，输出脚本执行的时间,代码如下 // 启动计时器 console.time('testTime');//testTime为计时器的名称// (写一些测试用代码
原生js实现倒计时和当前时间打印
chenzhuozhu的博客
06-20 546
实现了目前时间到2018年6月20日十点的倒计时以及当前时间的打印输出。&lt;body&gt;&lt;h2&gt;剩余时间&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;script&gt;    window.onload=function () {        function myTime() {         
js 验证前端代码性能
qq_36411712的博客
08-16 60
// js 验证前端代码性能 const comparePerformance = (...fnArr)=>{ // 要验证的核心代码 const coreFn = (fn)=>{ new Promise(()=>{ console.time(fn.name); // comparePerformance.getParams() fn&&fn(...comparePe.
javascript脚本程序执行消耗的时间
weixin_30242907的博客
04-25 176
console.time方法是开始计算时间，console.timeEnd是停止计时 // 启动计时器 console.time('time'); // (写一些测试用代码) // 停止计时，输出时间 console.timeEnd('time'); 由于，js脚本是自上而下执行解析的，所以可以通过+new Date()或newDate().getTime()来计算中间代码的执...
js 使用console计算代码运行时间
08-23 2万+
需求如果学习前端一定时间以后，就会考虑性能方面的问题。那么问题来了，我们怎么计算出一段代码的运行时间呢？使用console.log配合Date对象计算比如，我们计算sort方法排序十万个随机数组成的数组需要用多长时间的话，可以这么写： var arr = []; for(var i=0; i<100000; i++){ arr.push(Math
JS获取打印当前时间
全栈笔录
12-07 1441
JS获取当前时间 Date 对象用于处理日期和时间。 创建 Date 对象的语法：var myDate=new Date() 年份：getFullYear() 从Date对象以四位数字返回年份 月份：getMonth() 从Date对象返回月份 (0 ~ 11) ...
在html页面实时显示系统时间
热门推荐
散场前的温柔的博客
11-05 7万+
在html页面实时显示系统时间 桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>系统时间</title&gt...
java计算方法所耗费的时间
Rashaun`s blog
07-27 4137
long startTime=System.currentTimeMillis();开始时间 调用的方法 long endTime=System.currentTimeMillis();结束时间 float excTime=(float)(endTime-startTime)/1000; System.out.println("执行时间为："+excTime+"s");...
网页响应时间测试标准是什么？
lyj0629的博客
05-05 2万+
1.响应时间　　指的是客户发出请求到得到响应的整个过程的时间。在某些工具中，请求响应时间通常会被称为“TTLB”(Time to laster byte) ,意思是从发起一个请求开始，到客户端收到最后一个字节的响应所耗费的时间。响应时间的计算模型：响应时间=网络传输时间（请求）+服务器处理时间（一层或是多层）+网络传输时间（响应）+页面前段解析时间简化的浏览器响应时间的计算模型：浏览器响应时间 =...
js计算一个程序的耗时
Anyuegogogo的博客
08-20 1478
console.time('aa') for (var i = 0; i < 1000; i++) { console.log(i) }; console.timeEnd('aa') 例如： /** * 获取经纬度 */ getLocation() { console.time('aa') for (var i = 0; i < 1000; i++) { console.log(i) }; ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_38969618

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值