记录一个函数执行了多长时间？分享 1 段优质 JS 代码片段！

本内容首发于工粽号：程序员大澈，每日分享一段优质代码片段，欢迎关注和投稿！

大家好，我是大澈！

本文约 500+ 字，整篇阅读约需 1 分钟。

今天分享一段优质 JS 代码片段，能够记录一个函数执行了多长时间。

老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！

const timeTaken = callback => {

  console.time('timeTaken');

  const r = callback();

  console.timeEnd('timeTaken');

  return r;

};

// timeTaken(() => Math.pow(2, 10)) -> 1024
// (logged): timeTaken: 0.02099609375ms

分享原因

这段代码展示了一种测量 JavaScript 函数执行时间的简单方法。

通过 console.time 和 console.timeEnd 方法，可以方便地记录和显示函数执行的时间。

这在性能调优和调试过程中非常有用。

代码解析

1. console.time('timeTaken')

开始一个计时器，并使用 'timeTaken' 作为标签。这允许你在后面通过标签引用这个计时器。

2. const r = callback();

执行传入的回调函数 callback，并将其返回值存储在变量 r 中。

3. console.timeEnd('timeTaken')

停止计时器，并输出从 console.time 开始到现在经过的时间。同样使用 'timeTaken' 标签来引用计时器。