js 使用 console.time && console.timeEnd 来记录代码的执行耗时

最新推荐文章于 2026-06-20 15:05:21 发布
原创 最新推荐文章于 2026-06-20 15:05:21 发布 · 928 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #console.time #console.timeEnd #console
本文介绍了如何在JavaScript中使用`console.time()`和`console.timeEnd()`方法来记录和测量代码片段的执行时间，通过示例展示了如何在循环中应用此功能进行性能分析。

js 使用 console.time && console.timeEnd 来记录代码的执行耗时

示例代码：

console.time('js 耗时')
const vNodes = []
for (let i = 0; i < 10000; i++) {
  const vNode = {
    type: 'div'
  }
  vNodes.push(vNode)
}
console.timeEnd('js 耗时')

示例效果：
在这里插入图片描述

JS `console` API 高级用法：`console.trace()`, `console.time()`, `console.count()`
weixin_41455464的博客
07-18 1038
是性能分析的利器，可以帮助你测试代码执行效率，定位性能瓶颈，优化代码性能。想象一下，你的代码报错了，错误信息指向一个函数，但你不知道这个函数是从哪里被调用的，调用栈很深，一层一层找起来简直要人命。对象是JS调试的好帮手，掌握这些API，可以帮助你更高效地调试代码，提高开发效率。就像一个代码执行路径追踪器，它可以打印出函数调用的堆栈信息，让你清晰地看到代码是如何一步步执行到当前位置的。各位观众老爷，晚上好！有时候，我们需要统计某段代码被执行的次数，例如，一个函数被调用的次数，或者一个循环被执行的次数。
基于Next.js与WebSocket RPC构建移动端AI Agent控制面板
weixin_33736832的博客
05-12 335
在现代Web开发中，构建实时、响应式的管理界面是常见的工程挑战。其核心原理在于高效处理前后端数据同步与用户交互。通过采用服务端渲染（SSR）与客户端状态管理相结合的技术栈，可以显著提升应用性能与用户体验。这种架构的技术价值在于能够支撑复杂的实时通信需求，例如在AI Agent、物联网控制台等场景中，实现低延迟的指令下发与状态监控。具体到移动端AI Agent控制面板的实现，开发者需要重点解决WebSocket RPC通信、混合状态管理以及移动端专属交互优化等关键问题。本文以ClawTouch项目为例，深入探
console.time() 方法
热门推荐
qq_26642611的博客
09-07 1万+
JavaScript console.time() 方法 按下 F12 查看控制台信息。 计算循环十万次所需要的毫秒数。 注意: console.time() 方法是计算器的起始方法，结束方法为 console.timeEnd() ，该方法执行后会将执行时长显示在控制台上。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title&g
你需要知道的 19 个 console 实用调试技巧！
lsq191690的博客
08-24 2310
浏览器的开发者工具为我们提供了强大的调试系统，可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。
前端console用法分享
dfc_dfc的博客
04-14 4440
专业前端console使用分享
js中使用console.time显示程序运行耗时
shidaping的博客
08-04 4916
在js中可以使用console.time和console.timeEnd来监测程序的运行耗时，以便优化性能。代码如下 console.time('aa'); for(var i=0;i<1000;i++){console.log(i);}; console.timeEnd('aa') 最后打印出 aa:120ms 表示aa之间的代码共耗时120ms
js console 使用
w123456786的博客
01-01 726
js console 使用
Node.js TAP测试性能优化：10个实战技巧提升测试执行速度
最新发布
weixin_31822733的博客
06-20 7
在软件工程实践中，测试是保障代码质量的关键环节，而测试执行效率直接影响开发者的反馈速度和CI/CD流水线效率。测试性能优化的核心原理在于识别并消除执行瓶颈，通过并行化、惰性加载、模拟外部依赖等技术手段减少不必要的资源消耗。其技术价值在于缩短开发周期、降低计算资源成本，并提升团队协作效率。在Node.js生态中，TAP（Test Anything Protocol）作为一种轻量级测试协议，广泛应用于单元测试和集成测试场景。本文聚焦于Node TAP测试的性能优化，针对测试文件拆分、模块加载策略、Mock技术等
ADK多智能体系统实战：从契约设计到可观测编排
weixin_30897079的博客
06-07 465
AI Agent系统已从概念验证迈入工程化落地阶段，其核心挑战在于如何实现多Agent协同、确定性执行与生产级可观测性。ADK（Agent Development Kit）以分布式状态机为原理，通过YAML定义能力契约、TypeScript实现执行逻辑、DevTools提供全链路追踪，将LLM调用降级为可测试的异步工具，显著提升调试效率与系统健壮性。该框架特别适用于需应对真实用户输入不确定性、网络抖动及工具失败的高可用场景，如智能客服、旅行规划、跨系统任务编排等。本文聚焦ADK Day 1核心实践，深入解析
console.time 和 console.timeEnd 用法
似水流年QC的博客
10-10 4013
console.time() 方法是作为计算器的起始方法。console.timeEnd() 方法为计算器的结束方法，并将执行时长显示在控制台，单位为ms。参数说明参数类型描述labelString可选，用于给计算器设置标签。Array可选，一个数组，表格标题栏的名称。label 为需要停止的计时器名字。一旦停止，计时器所经过的时间会被自动输出到控制台。
console.time方法与console.timeEnd方法
weixin_33875564的博客
08-31 651
在Node.js中，当需要统计一段代码的执行时间时，可以使用console.time方法与console.timeEnd方法，其中console.time方法用于标记开始时间，console.timeEnd方法用于标记结束时间，并且将结束时间与开始时间之间经过的毫秒数在控制台中输出。这两个方法的使用方法如下所示。console.time(label)console.timeEnd(label) ...
console.time()用法详解
记录来时的路
06-19 710
JavaScript 提供了 console.time() 和 console.timeEnd() 方法用于测量代码执行时间。基本用法是：用 console.time(label) 启动计时器，console.timeEnd(label) 结束计时并输出耗时（毫秒）。标签必须匹配，可嵌套使用多个计时器。适用于测试循环、函数性能，比较算法效率等开发场景，但不建议用于生产环境。所有现代浏览器和Node.js都支持该方法，测量精度通常到小数点后3位。
console.time() 与 console.timeEnd()
who_become_gods的博客
03-03 1468
console.time方法是开始计时，console.timeEnd是停止计时，输出脚本执行的时间。这两个方法中都可以传入一个参数，作为计时器的名称，主要测试JavaScript性能。对console.timeEnd的调用会立即输出执行总共消耗的时间，单位是毫秒。 console.time('time'); //测试开始 //执行一些代码 console.timeEnd('time'); //测试结束 开始的名字要和结束的名字一致 但有时候会碰到下面的代码，明明是延迟调用 ，但测试显示用时都在
console.time和console.timeEnd用法
知行合一
12-14 1万+
console.time和console.timeEnd用法console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。c
测试程序执行时长：console.time()和console.timeEnd()
圆圆的 JavaScript 博客
02-26 2004
简介 console.time()和console.timeEnd()一般用于测试程序执行的时长。 console.time() 方法是作为计算器的起始方法。 console.timeEnd() 方法为计算器的结束方法，并将执行时长显示在控制台。 如果一个页面有多个地方需要使用到计算器，可以添加标签参数来设置。 语法 console.time(timerName) console.timeE...
小程序笔记(九)之console.timeEnd()
我是黄同学博客
05-21 1756
一.前言 楼主最近在小程序中要测试网络请求的用时，一开始就想着自己写个函数在开始请求的时候获取时间戳，请求结束的时候再获取一次，计算差值就可以得到，然后面发现其实js就提供了这个函数接口，而且用起来很方面 二.使用 1.描述 console.time() 是计时器的起始方法 console.timeEnd() 是计时器的结束方法 该方法执行后会将执行时长（以毫秒为单位）显示在控制台上 两个方式都传入一个字段名，以此来区分多个计时器 2.使用 2.1单个计时器使用 console.time("循环50
js console.time测试代码运行时间
weixin_43459474的博客
07-25 320
js console.time测试代码运行时间
专业前端都怎使用console?
程序员成长指北
04-13 466
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群console对于前端人员来讲肯定都不陌生，相信大部分开发者都会使用console来进行调试，但它能做的绝不仅限于调试。最常见的控制台方法作为开发者，相信大家对下面5个最常见的 console 方法都不陌生carbon.png控制台打印结果：image.png今天我要带大家认识的是一些 cons...
js进行性能优化之利器console.time和console.timeEnd的使用
遇事不决，可问春风。
02-07 654
js进行性能优化常用方法console.log封装
js打印代码执行时间差console.time()和console.timeEnd()；
九段刀客的博客
02-04 4835
console.time(); xxxx.then(() => { console.timeEnd(); });
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值