测试 js 方法运行时间

深藏阁楼爱情的钟 2022-05-30 00:26 317阅读 0赞

function testFunctionTime(fn) {
    　　var start = new Date().getTime();
    　　if (fn) fn();
    　　var end = new Date().getTime();
    　　console.log(end-start);
    }

但当遇上 ajax 和 img.onload 的时候那就很尴尬了...

于是我找到了 console.time(label) 和 console.timeEnd(label)，非常 nice ！

在开始的地方写上 console.time("测试 fn 速度: ") ，在结束的地方写上 console.timeEnd("测试 fn 速度: ")

label 得相同，然后你就懂了呀，来，互相伤害

![997995-20160905121655582-556831903.png][]

![997995-20160905121710863-912386141.png][]

此外，我也对 console 产生了一点兴趣就去测试了更多它的方法，列几个个人最近用的较多的：

console.count(label)  输出运行次数

console.table(object|array)  输出表格形态的数据（在动态绘制的检查时用的较多）

console.group(label) 和 console.groupEnd(label) 将 console 结果进行分组（分类及减少输出版面，但也加大了我们的脑回路呀）（group = groupCollapsed 是一样的）

console.trace() 检测方法的调用来源，超级赞

console.profile(label) 和 console.profileEnd(label) 是 time 的升级版，不但测速，直接测性能了，需要到 profile 面板里面才能看到结果

console.assert(boolean, string) 提示报错可以少个判断

其实 console.error(), console.info(), console.warn() 实在用得少，用好了应该还是很赞的...吧

至于其他方法个人感觉就很鸡肋了，如果你也感兴趣，也可以去搜搜看。

此外，有个装逼的好方法，console.log 可以带样式哟，赶紧试试吧

console.log("%cHello","color:red");

[997995-20160905121655582-556831903.png]: /images/20220530/9b1d01c35a124ea496346e6d8c0018dd.png
[997995-20160905121710863-912386141.png]: /images/20220530/ae4d77d26f404adea0404e795e8c9218.png

发表评论取消回复

表情：

评论列表（有 0 条评论，317人围观）

还没有评论，来说两句吧...

相关阅读

相关 C# 写个公共的测试代码运行时间的方法

/// <summary> /// 测试代码执行时间 /// </summary> /// <param name="testFun">无参数无返回值的方法</p

以你之姓@/ 2024年02月17日 23:35/ 0 赞/ 65 阅读

相关【JS】网站运行时间

<span id="sitetime"></span> <script language=javascript>

落日映苍穹つ/ 2023年07月21日 08:36/ 0 赞/ 5 阅读

相关 js 计算程序运行时间

思路：用Date类的getTime()方法获取时间戳，程序运行时间===程序结束时时间戳-程序开始时时间戳。 var dateManager = {

- 日理万妓/ 2023年07月04日 03:29/ 0 赞/ 11 阅读

相关 Android 计算方法运行时间

常规计算方法运行时间在一些耗时的操作中，我们需要计算方法运行了多少时间，以便于我们分析代码。常规的方法主要是在方法（函数）执行前得到当前时间戳 startTime ,方法

迈不过友情╰/ 2023年05月22日 06:41/ 0 赞/ 15 阅读

相关 python测试程序运行时间_python测试一段代码运行时间的优雅方法

python测试一段代码运行时间的优雅方法文章目录前言：这个PER的全面整理，简直害死人，怎么这么多事儿？需要补的知识点太多了啊~ 为了要测试PER的时间消耗

女爷i/ 2023年01月08日 08:14/ 0 赞/ 243 阅读

相关 js时间-公共方法

Date.prototype.format = function(format = 'yy-mm-dd HH:ii:ss') { var o = {

男娘i/ 2022年11月10日 10:58/ 0 赞/ 171 阅读

相关高效编程——C++测试代码运行时间方法

C++测试代码运行时间方法方法一最常用的执行时间测试方法，利用clock函数，精确度能达到ms级。直接看代码吧，这样最直观： include "s

末蓝、/ 2022年08月05日 01:30/ 0 赞/ 249 阅读

相关 C#如何测试代码运行时间

本文源地址为：http://www.cnblogs.com/ZCoding/p/4274026.html 第一种方式: System.Diagnostics.Sto

左手的ㄟ右手/ 2022年06月15日 10:54/ 0 赞/ 266 阅读

相关测试 js 方法运行时间

function testFunctionTime(fn) { 　　var start = new Date().getTime(); 　　if (fn

深藏阁楼爱情的钟/ 2022年05月30日 00:26/ 0 赞/ 318 阅读

相关 java监测方法运行时间/效率方法

　　前言：　　　　这周在写一个小项目，虽然小但是是纯调外部接口的，调完了接口还不停的循环接口返回的数据（已转换JSONArray），然后再判断值，再做不同处理，关键

末蓝、/ 2021年10月26日 12:58/ 0 赞/ 445 阅读