如何在Chrome里获得console.timeEnd()的值?

在写上一篇示例代码《如何在JavaScript里拼接字符串?》的时候,我想让最后一个例子里的代码里console.timeEnd()的值能够在运行结果框里面显示,但是却无法找到解决的办法。

因此,专门想一下如何解决这个问题,网上搜索了一下,建议是这样的:使用window.performance.now()来计时,代码可以这么写:

这样做,实际上是不再用console.time()/console.timeEnd()来计时,而是使用了window.performance.now()

这个API已经在主流的浏览器都有支持,可以放心使用。

为什么不用Date.now()的方式呢?原因是其不如window.performance.now()的时间计时更精确,前者只能计时到毫秒的级别,因此更推荐使用后者,但是一般不太严格的使用场景下,Date.now()也是够用的。

参考如下的代码:

但是,如果实在想用console.timeEnd()呢?如果是在试验的情况下,可以这么写代码:

这个例子只是展示了一个特定场景改造console.time()console.timeEnd(),使用场景可能在debug的时候多一些,不过也可以看出JavaScript是一个非常动态的语言。