console.time()和console.timeend()配对可精确测量代码执行耗时;需同名label(区分大小写),同步函数直接首尾调用,异步函数须置于回调或then/await后。

直接用 console.time() 和 console.timeEnd() 配对,就能在控制台快速看到某段代码的执行耗时,无需手动计算时间戳。
基本用法:起始和结束必须同名
调用 console.time(label) 开始计时,再用 console.timeEnd(label) 结束并输出耗时,label 必须完全一致(区分大小写),否则会报错或显示“undefined”。
-
✅ 正确:
console.time('fetchData');→console.timeEnd('fetchData'); -
❌ 错误:
console.time('fetch');→console.timeEnd('fetchData');(标签不匹配)
统计函数执行时间的常见写法
把 time() 放在函数开头,timeEnd() 放在结尾。如果是异步函数,需放在回调或 then/await 后面。
- 同步函数示例:
function doHeavyWork() {<br> console.time('doHeavyWork');<br> let sum = 0;<br> for (let i = 0; i console.timeEnd('doHeavyWork');<br> return sum;<br>} - 异步函数示例:
async function fetchUser() {<br> console.time('fetchUser');<br> const res = await fetch('/api/user');<br> const data = await res.json();<br> console.timeEnd('fetchUser');<br> return data;<br>}
注意事项和小技巧
多个 time() 可同时运行,只要 label 不重复;但不要在未结束的 label 上重复调用 time(),否则会重置计时器。
- 支持嵌套计时(不同 label),比如外层测整体,内层测某个子步骤
- Chrome 和 Firefox 支持,Safari 也基本可用;Node.js 从 v8.5.0 起支持
- 仅用于开发调试,上线前建议移除,避免影响性能或暴露逻辑细节
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











