本文同步自 JSCON简时空 - 前端Tips 专栏#4,点击阅读

视频讲解

视频地址

文字讲解

如果去测试代码运行的时长,你会选择哪个时间函数? 一般第一时间想到的函数是 Date.nowDate.getTime

1、先讲结论

在 Node.js 程序中,优先选 process.hrtime,其次选 performance.now,最后才会是 Date.now

之所以这么选,是基于 精度时钟同步 两方面考虑的。

2、知识讲解

首先看一下 Date.now 的缺点

  1. 返回的时间精度为 毫秒(10^-3)级别,精度不够;
  2. 受到系统时间影响,也有可能被其他软件调整所影响

为了获得更高精度、且和系统时间无关的时间,W3C 制定了 High Resolution Time Level 2 标准,其中的 6. Monotonic Clock 章节就规定了标准实现方需要提供 “单调递增” 的全局系统时钟:

在 Node.js 和 浏览器中都实现了该标准,具体的实现就是 performance 对象。我们可以通过 performance.now 获取相对起点的时间戳,具备以下几个特性:

  1. 和 JS 中其他可用的时间类函数(比如 Date.now )不同的是,performance.now() 返回的时间使用了一个浮点数来达到 微秒(10^-6) 级别的精确度
  2. 时间以一个 恒定的速率 慢慢 增加 的,它不会受到系统时间的影响(不会被其他软件所调整)
  3. 从标准定义看,可以存在 clock drift (允许时钟漂移)

这里大致说一下 clock drift 的概念,它是源于 时钟同步 概念。时钟同步(Clock synchronization)是计算机科学与工程学中的一个概念,旨在协调多个独立的时钟。现实中的多个时钟,即使时间已调至一致,但在一段时间后依然会因为时钟漂移(即clock drift)而显示不同的时间,因为它们计时的速率会略有差异。

是否有更精细的时钟存在呢?

有的,在 Node.js 环境中就提供了 process.hrtime 方法:

  1. 在 node v0.7.6 版本中新增,兼容性很好(毕竟现在都 v12 LTS 版本了)
  2. 精度高达 纳秒(10^-9) 级别
  3. 不存在 时钟漂移 (clock drift)

可以说 process.hrtime 方法是 专为测量时间间隔而打造 的。

注:浏览器环境没有这个 hrtime 方法,因此浏览器环境所能达到的最高精度也就用 performance.now 的微秒级别(当然各个浏览器实现也是有差异)

只不过这个方法使用需要注意一下,首次调用返回的 time 需要作为后面调用的入参:

const NS_PER_SEC = 1e9;
const time = process.hrtime(); // 这里第一次调用,返回 time 变量
// [ 1800216, 25 ] setTimeout(() => {
const diff = process.hrtime(time); // 用第一次返回的 time 变量作为入参放在第二次调用中,从而获取 diff 时间差值
// [ 1, 552 ] console.log(`Benchmark took ${diff[0] * NS_PER_SEC + diff[1]} nanoseconds`);
// Benchmark took 1000000552 nanoseconds
}, 1000);

到这里本节主要内容讲完了,也就自然而然获得本节刚开始的结论。

3、小知识

如果你使用 Node.js V10.7.0 以上的版本,还可以使用 hrtime.bigint 方法,它是 process.hrtimebigint 版本(bigint 类型从 v10.4 开始支持),返回当前的高精度实际时间。

这方法使用起来比 process.hrtime 更加方便,因为它不用额外的 time 入参,直接通过两次调用结果相减就能获得计算时间差:

const start = process.hrtime.bigint();
// 191051479007711n setTimeout(() => {
const end = process.hrtime.bigint();
// 191052633396993n console.log(`基准测试耗时 ${end - start} 纳秒`);
// 基准测试耗时 1154389282 纳秒
}, 1000);

4、参考文章


关于 “前端Tips专栏”

前端Tips”专栏,隶属于 JSCON 专栏系列,设计初衷是快速获取前端小技巧知识,取材广泛,涵盖前端编程诸多领域。有两种方式获取历史 tips:

① 在公众号内回“tips” + “年份” + “A(或者B)” 获取半年度 tips。例如:回复 “tips2020A” 即可获取 2020 年上半年 tips 列表

② 前往网站:https://boycgit.github.io/fe-program-tips ,里面提供了搜索功能

欢迎大家关注我的知识专栏,更多内容等你来挖掘

「可在微信内搜索 “JSCON简时空”或 “iJSCON” 关注」

最新文章

  1. [转]利用URLConnection来发送POST和GET请求
  2. linux终端terminal个性化配置(转)
  3. dev中控件属性设置
  4. 页断裂(partial write)与doublewrite技术
  5. 【ASP.NET Web API教程】1.1 第一个ASP.NET Web API
  6. WPF视频教程系列笔记
  7. ASIFormDataRequest实现post的代码示例
  8. Linux dirname、basename 指令
  9. spring mvc:@RequestParam与@ModelAttribute异同
  10. dynalist 配额
  11. 如何选择合适的PHP版本
  12. java 中异常处理示例并捕获完整异常内容
  13. Dubbo多版本
  14. 简单测试--C#实现中文汉字转拼音首字母
  15. HTML5 精灵8方向移动+背景滚动+音效播放+鼠标事件响应
  16. js如何判断不同的操作系统
  17. Java 学习笔记 ------第六章 继承与多态
  18. C++ new的nothrow关键字和new_handler用法
  19. Goole Python 风格指南 中文版
  20. 外部jar包 @Service 无法注解无法扫描问题

热门文章

  1. 版本号/缓存刷新 laravel mix函数
  2. UA判断打开页面的环境,然后在callBack写相应环境下的回调函数
  3. dotnet 设计规范 · 数组定义
  4. P1001 A+B+C Problem
  5. ESB总线的核心架构
  6. 开源项目使用 appveyor 自动构建
  7. linux 读者/写者自旋锁
  8. java打包上传服务器的一些命令
  9. 2018-2-13-win10-UWP--蜘蛛网效果
  10. <Standard Template Library>标准模板库专项复习总结(一)