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

boyanx4周前技术教程6

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

大家好,我是大澈!

本文约 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' 标签来引用计时器。



标签: js日期

相关文章

Three.js建模基础(three.js 建模)

在Three.js中,一个可见的物体是由几何体和材料构成的。在这个教程中,我们将学习如何从头开始创建新的网格几何体,研究Three.js为处理几何对象和材质所提供的相关支持。1、索引面集/Indexe...

想快速学习JavaScript ,你必须先知道这几点

对于初学JavaScript ,或者其他任何一种语言。常常会遇到一些问题,比如概念可能会造成混淆 ,找不到时间(有时是动力)学习,很容易忘记已经理解了的东西,工具多又在不断变化,所以不知道从哪里开始...

JavaScript:history和location对象、JS设计模式系统讲解与应用

一、history对象history 对象是历史对象。包含用户(在浏览器窗口中)访问过的 URL。history 对象是 window 对象的一部分,可通过 window.history 属性对其进行...

js时间插件Dayjs相对Momentjs的优势

js时间插件Day.js和Moment.js区别昨天发了一些插件的汇总,在评论中有个网友建议把Moment.js换成Day.js,今天特意去学习了Day.js,发现比Moment.js强大很多首先看一...

js计算两个时间相差(js计算两个时间的时间差)

DateDifference (faultDate, completeTime) { var stime = new Date(faultDate).getTime() var etime = new...

前端面试: 使用js的 Date 对象来将日期和时间拼接成时间戳格式

问题描述:js 实现某年月日时间如2023-05-23和某一段时分的时间如12:30进行拼接转化成时间戳格式。解决方案1.可以使用 JavaScript 的 Date 对象来将日期和时间拼接成时间戳格...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。