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

2024/10/25 4:14:58 来源：https://blog.csdn.net/sunboylife/article/details/141170619 浏览: 次关键词：performance.now() 与 Date.now() 对比

Date.now()

Date.now() 方法返回当前时间与 Unix 时间戳（1970 年 1 月 1 日 00:00:00 UTC）之间的时间差，单位是毫秒。

特性

时间基点：从 Unix 时间戳到当前时间。
精度：依赖于系统的时钟分辨率，通常在 1 至 15 毫秒之间。
用途：适合用于记录日期和时间，例如记录用户的操作时间或计算两个日期之间的差异。

示例：

const currentTime = Date.now();
console.log(currentTime);

performance.now()

performance.now() 方法返回一个高分辨率的时间戳，这个时间戳表示自某个固定的起始点以来所经过的时间（通常是页面加载开始的时间）。
performance.now是浏览器(Web API)提供的方法，不同浏览器获取到的精度不同。Date.now是Javascript内置方法，差异主要在于浏览器遵循的ECMAScript规范。
Date.now() ≈ performance.timing.navigationStart + performance.now()

特性

时间基点：从页面加载开始到当前时间。
精度：通常比 Date.now() 提供更高的分辨率，可以达到亚毫秒级（例如 0.001 毫秒）。
用途：适合用于性能监控、计时脚本执行时间、动画和游戏开发中的时间控制等。

示例：

const startTime = performance.now();// 执行一些耗时的操作
function doSomethingExpensive() {// ...
}
doSomethingExpensive();const endTime = performance.now();
const duration = endTime - startTime;
console.log(`The operation took ${duration} milliseconds.`);

详细比较

时间基点
Date.now() 基于 Unix 时间戳（1970 年 1 月 1 日 00:00:00 UTC）。
performance.now() 基于页面加载开始的时间。
精度
Date.now() 受限于系统的时钟分辨率，通常为 15 毫秒左右。
performance.now() 提供更高的精度，通常为亚毫秒级。
用途
Date.now() 通常用于记录确切的时间点，如日期和时间记录。
performance.now() 用于需要高精度计时的场景，如性能测试、游戏开发和动画。
示例
假设我们想要比较一个函数的执行时间：

// 使用 Date.now()
const startTimeDate = Date.now();
// 执行耗时操作
function doSomethingExpensive() {for (let i = 0; i < 1000000000; i++) {}
}
doSomethingExpensive();
const endTimeDate = Date.now();
const durationDate = endTimeDate - startTimeDate;
console.log(`Duration with Date.now(): ${durationDate} ms`);// 使用 performance.now()
const startTimePerformance = performance.now();
doSomethingExpensive();
const endTimePerformance = performance.now();
const durationPerformance = endTimePerformance - startTimePerformance;
console.log(`Duration with performance.now(): ${durationPerformance.toFixed(3)} ms`);