performance.now() 与 Date.now() 对比

所属分类：Web前端

摘要

performance.now()：返回值表示为从time origin之后到当前调用时经过的时间，time origin: 时间源，

概念

performance.now()：返回值表示为从time origin之后到当前调用时经过的时间，

time origin: 时间源，

时间源是一个可以被认定为当前文档生命周期的开始节点的标准时间，计算方法如下：

如果脚本的 global object 是 Window, 则时间源的确定方式如下：
- 如果当前 Document 是中加载的第一个 Window, 则时间源是创建浏览器上下文的时间。
- 如果处于卸载窗口中已加载的先前文档的过程中，一个确认对话框会显示出来，让用户确认是否离开前一页，则时间源是用户确认导航到新页面的这个时间，这一点是被认同的。
- 如果以上方式都不能确定时间源, 那么时间源是创建窗口中当前 Document 的导航发生的时机。
如果脚本中的全局对象是 WorkerGlobalScope (意味着，该脚本以 web worker 的形式运行), 则时间源是这个 worker 被创建的时刻。
在所有其他情况下，时间源的值是 undefined。

Date.now()：Date.now() 方法返回自 1970 年 1 月 1 日 00:00:00 (UTC) 到当前时间的毫秒数。

performance.now() 和 JavaScript 中其他可用的时间类函数（比如Date.now）不同的是，window.performance.now()返回的时间戳没有被限制在一毫秒的精确度内，相反，它们以浮点数的形式表示时间，精度最高可达微秒级。
另外一个不同点是，window.performance.now()是以一个恒定的速率慢慢增加的，它不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，performance.timing.navigationStart + performance.now() 约等于 Date.now()。
performance.now是浏览器(Web API)提供的方法，不同浏览器获取到的精度不同。Date.now是Javascript内置方法，差异主要在于浏览器遵循的ECMAScript规范
Date.now() ≈ performance.timing.navigationStart + performance.now()

performance.now()-performance.now()  // 分别为两个时刻的 performance.now()

优点：

缺点：

console.time("耗时") for(let i=0;i<1000;i++){     console.log(i) } console.timeEnd("耗时")  // 耗时: 38.914794921875 ms

优点：

缺点：

前后两个时间相减即可。

优点：

缺点：

参考文档：