JS获取当前时间戳的几种常用写法

在 JavaScript 中获取当前时间戳，最直接也是现代前端与 Node.js 开发中最推荐的写法是调用原生的静态方法 Date.now()。该方法无须创建对象实例即可直接返回当前时刻距离 Unix 纪元的毫秒数。除此之外，日常开发和历史工程中还经常出现 +new Date()、new Date().getTime() 以及 new Date().valueOf() 等写法。本文将系统拆解这四种写法的具体语法、底层运行原理、性能差异，并进一步介绍秒级时间戳转换与高精度性能计时的最佳实践。

一、核心概念：什么是 JavaScript 时间戳？

在计算机科学中，时间戳（Unix Timestamp）是指从格林威治时间（UTC）1970年01月01日00时00分00秒起，至所表示时间点所经过的总时间跨度。它是一个绝对数值，具有时区独立性——无论在东八区（北京时间）还是中时区（伦敦时间），全球任何地方的计算机在同一物理时刻获取到的 Unix 时间戳都是完全一致的。

在实际开发中，需要特别注意时间戳的度量单位差异：

• JavaScript 原生时间戳（毫秒级，13位）：JavaScript 内置的 Date 对象所有相关 API，默认均以毫秒（ms）为最小计算单位，生成的整数长度为 13 位（例如 1730374800000）。
• 后端与数据库常见时间戳（秒级，10位）：在 Linux、PHP、Python（部分库）或 MySQL 中，常默认使用以秒（s）为单位的时间戳，其长度为 10 位（例如 1730374800）。两者之间存在 1000 倍的换算关系。

二、获取毫秒级时间戳的4种常用写法

在日常 JavaScript 编码中，开发者通常使用以下四种方式来获取当前的毫秒级时间戳。它们在语法形式、运行机制和内存开销上各有特点。

写法一：Date.now()（现代标准，官方推荐）

Date.now() 是 ECMAScript 5.1（2009年）正式引入的 Date 构造函数静态方法。该方法直接调用 JavaScript 引擎的底层系统时钟，返回当前时间的毫秒数。

// 推荐标准写法：无需实例化对象
const timestamp = Date.now();

console.log(timestamp); 
// 示例输出: 1730374800000 (13位数字类型)

技术特点：

• 零内存开销：由于是静态方法，调用时不会在堆内存中创建任何 Date 实例对象，不会引发多余的垃圾回收（GC）。
• 极致性能：在四种写法中执行速度最快，尤其在高频定时器、高并发打点或长列表计算循环中优势明显。
• 极佳兼容性：所有现代主流浏览器（包括 Node.js 全版本及 IE9+）均原生全面支持。

写法二：+new Date()（一元加隐式类型转换）

通过在 new Date() 前面添加一元加运算符（+），利用 JavaScript 的隐式类型转换机制，将日期对象强转为数字。

// 一元加运算符写法
const timestamp = +new Date();

console.log(timestamp);
// 示例输出: 1730374800000

底层机制说明：

当一元加号作用于非数值类型的对象时，JavaScript 引擎会执行 ECMAScript 规范中的 ToNumber() 抽象操作，进而调用 ToPrimitive(hint: 'number')。对于 Date 实例，引擎会优先调用其原型链上的 valueOf() 方法，取得内部保存的毫秒数数值。这种写法非常简练，常出现在历史工程或压缩混淆后的前端代码库中。

写法三：new Date().getTime()（经典显式原型方法）

先通过构造函数 new Date() 创建一个表示当前时间的日期对象实例，随后调用其实例方法 getTime() 获取时间戳。

// 显式面向对象方法调用
const timestamp = new Date().getTime();

console.log(timestamp);
// 示例输出: 1730374800000

技术特点：

• 语义直观清晰：代码意图明确，符合面向对象编程规范，对于初学者非常友好。
• 统一 API 扩展：不仅适用于获取当前时间戳，如果需要获取特定日期（如 new Date('2026-01-01').getTime()）的时间戳，语法完全一致。

写法四：new Date().valueOf()（对象原生取值方法）

与 getTime() 类似，通过 new Date() 创建实例后，调用从 Object.prototype 覆写而来的 valueOf() 方法。

// 调用实例的 valueOf 方法
const timestamp = new Date().valueOf();

console.log(timestamp);
// 示例输出: 1730374800000

在 ECMAScript 规范中，Date.prototype.valueOf() 的内部行为与 Date.prototype.getTime() 几乎完全相同，二者均返回对象内部私有插槽 [[DateValue]] 存储的毫秒数。显式写 valueOf() 的场景较少，它主要是 +new Date() 隐式转换时在底层被引擎自动调用的方法。

三、业务场景中的进阶处理与选型

1. 转换为秒级时间戳（10位）

当与后端交互、生成对外请求签名或存储至以秒为单位的数据库字段时，需要将默认的 13 位毫秒数转换为 10 位秒数。推荐采用整数除法并显式向下取整：

// 推荐方式：Math.floor 向下截断
const secondTimestamp = Math.floor(Date.now() / 1000);
console.log(secondTimestamp); // 示例输出: 1730374800 (10位整数)

// 也可以使用按位或整除（注：超过32位有符号整型上限时不可用，但当前秒级时间戳约17亿未超上限21亿）
const fastSecond = (Date.now() / 1000) | 0;

2. 代码执行耗时测量：Date.now() 与 performance.now() 的区别

很多开发者习惯用两个时间戳相减来测量某段代码的执行耗时。但在高精度性能测试或动画渲染场景中，performance.now() 具有明显优势：

// 高精度性能计时
const start = performance.now();

// 执行待测任务...
for (let i = 0; i < 1000000; i++) {}

const duration = performance.now() - start;
console.log(`耗时: ${duration.toFixed(3)} 毫秒`);
// 示例输出: 耗时: 1.425 毫秒 (精确到微秒级)

核心差异在于：

• 系统时钟 vs 单调时钟：Date.now() 依赖操作系统本地时间，如果用户手动修改电脑时钟或系统发生网络时间协议（NTP）同步微调，计算出的耗时可能为负数或产生突变；而 performance.now() 基于页面加载以来的单调递增时钟，保证时间永远向前流逝，不受系统时间修改影响。
• 精度差异：Date.now() 仅精确到整数毫秒（1ms），而 performance.now() 精度可达到微秒级别（浮点小数，出于安全防御 Spectre 攻击通常被浏览器限制在 0.1ms 至 5μs 之间）。

四、常见开发注意事项与避坑指南

1. 客户端系统时间的信任问题：前端无论通过 Date.now() 还是 new Date().getTime() 获取的时间戳，均严格依赖用户终端操作系统的本地时钟。若用户本地时间被恶意篡改或走时不准，该时间戳将完全失真。在涉及活动倒计时、订单防重复提交或敏感鉴权时，切勿直接信任客户端生成的时间戳，应在首次加载时拉取服务端基准时间，或直接由后端进行时间校验。
2. 高频调用下的垃圾回收（GC）抖动：如果在一个每秒触发 60 次的渲染循环（如 requestAnimationFrame）或包含十万次迭代的循环体内，使用 +new Date() 或 new Date().getTime() 会连续创建海量临时对象。这会造成频繁的内存分配与垃圾回收抖动，导致页面轻微掉帧；而在该场景下换用 Date.now() 则完全没有多余内存分配。
3. JavaScript 安全数值范围：JavaScript 中 Number 类型基于 IEEE 754 双精度浮点数，其最大安全整数为 Number.MAX_SAFE_INTEGER（$2^{53} - 1 = 9007199254740991$）。当前 13 位毫秒级时间戳约为 $1.73 imes 10^{12}$，距离安全上限尚有数千倍空间，可以安全使用加减运算，无需担心大整数溢出问题。

五、综合对比与总结

为便于在工程实践中快速查阅与选型，下表将本文介绍的常用写法从规范版本、内存分配、执行效率及适用场景进行了全方位归纳：