测试 js 方法运行时间

深藏阁楼爱情的钟 2022-05-30 00:26 297阅读 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 条评论，297人围观）

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

相关阅读

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

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

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

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

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

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

相关 js时间-公共方法

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

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

相关 python怎么测试运行_python + pytest基本使用方法（运行测试&测试报告）

import pytest \ 1.运行名称中包含某字符串的测试用例 \名称中含add 的测试用例 \ 执行: pytest -k add test\_assert.py

╰+哭是因爲堅強的太久メ/ 2022年10月28日 00:50/ 0 赞/ 618 阅读

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

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

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

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

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

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

相关【C++】各种排序运行时间的测试

我们经常见的就是对一组数据进行排序，而排序的方法有很多种。常见的排序方法有：冒泡排序，插入排序，希尔排序，快速排序，堆排序，选择排序，归并排序，计数排序，基数排序。

Love The Way You Lie/ 2022年06月10日 02:59/ 0 赞/ 272 阅读

相关测试 js 方法运行时间

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

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

相关 C/C++_测试函数的运行时间

目前，存在着各种计时函数，它们的计时方式大都是下面这样的： ![计时流程][70] 1.计时函数汇总 > 方法1,time()包含在< time.h >中,用于获取当前

柔光的暖阳◎/ 2022年05月27日 01:51/ 0 赞/ 233 阅读

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

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

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