JavaScript中使用console-time记录代码块执行耗时-js教程-PHP中文网

console.time()是javascript内置的简易性能测量方法，通过匹配标签启动和结束计时，支持嵌套与重复使用，但需注意在异步操作的最终完成处调用timeend以确保准确性。

javascript中使用console-time记录代码块执行耗时

console.time() 是 JavaScript 中用于测量代码执行时间的内置方法，使用简单、无需引入额外库，适合快速调试和性能粗略评估。

基本用法：启动和结束计时

调用 console.time(label) 开始计时，传入一个字符串标签；之后用 console.timeEnd(label) 结束并自动打印耗时（单位为毫秒）。

标签名必须完全一致，区分大小写
同一标签可多次调用，每次 timeEnd 都会输出从最近一次 time 开始的耗时
示例：

console.time('fetch-data');
fetch('/api/users').then(res => res.json()).then(data => {
  console.timeEnd('fetch-data'); // 输出类似：fetch-data: 324.789ms
});

注意事项：异步操作中避免误用

由于 console.time() 不会自动等待异步任务完成，若在同步代码中调用 timeEnd，结果将不准确。

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

务必确保 timeEnd 在异步逻辑的最终回调或 then/catch 中执行
使用 async/await 更清晰：

console.time('load-config');
try {
  const config = await fetch('/config.json').then(r => r.json());
  console.timeEnd('load-config'); // 正确：在数据真正拿到后计时结束
} catch (e) {
  console.timeEnd('load-config'); // 异常路径也要覆盖，避免计时器悬空
}