Date對(duì)象可能是最令JavaScript開發(fā)者頭疼的API之一。無論是處理時(shí)區(qū)轉(zhuǎn)換、格式化日期，還是計(jì)算日期差異，傳統(tǒng)的Date對(duì)象總是讓人感到困惑和不便。好消息是，全新的Temporal API正在改變這一切，它旨在解決JavaScript中日期和時(shí)間處理的諸多痛點(diǎn)。

JavaScript Date對(duì)象的痛點(diǎn)

在深入了解Temporal API之前，我們先回顧一下使用傳統(tǒng)Date對(duì)象時(shí)常遇到的問題：

• 月份從0開始計(jì)數(shù)：一月是0，二月是1，這違背了人類的直覺
• 時(shí)區(qū)處理混亂：缺乏明確的時(shí)區(qū)支持，導(dǎo)致跨時(shí)區(qū)操作困難
• 可變性問題：Date對(duì)象是可變的，容易引起意外的副作用
• 操作不便：缺少便捷的日期計(jì)算和比較方法
• 格式化能力有限：需要依賴額外的庫來進(jìn)行日期格式化

這些問題促使TC39委員會(huì)提出了Temporal API作為現(xiàn)代JavaScript的日期時(shí)間解決方案。

Temporal API：現(xiàn)代化的日期時(shí)間處理

Temporal API是一個(gè)全新設(shè)計(jì)的日期和時(shí)間API，它提供了一套完整、直觀且不可變的對(duì)象來處理日歷日期和時(shí)鐘時(shí)間。

核心特性：

• 直觀易用：月份從1開始，符合人類習(xí)慣
• 不可變對(duì)象：所有操作都返回新實(shí)例，避免副作用
• 明確的時(shí)區(qū)支持：內(nèi)置時(shí)區(qū)處理功能
• 豐富的操作方法：提供各種日期計(jì)算、比較和格式化方法
• 精確的時(shí)間單位：從納秒到年的精確時(shí)間單位支持

Temporal API的主要組件

Temporal API引入了多個(gè)專門的對(duì)象，每個(gè)對(duì)象都針對(duì)特定的日期時(shí)間場景：

• Temporal.Now：獲取當(dāng)前日期和時(shí)間
• Temporal.PlainDate：處理不含時(shí)間的日歷日期
• Temporal.PlainTime：處理不含日期的時(shí)鐘時(shí)間
• Temporal.PlainDateTime：處理不含時(shí)區(qū)的日期和時(shí)間
• Temporal.ZonedDateTime：處理帶有時(shí)區(qū)的日期和時(shí)間
• Temporal.Duration：表示時(shí)間段
• Temporal.Instant：表示時(shí)間軸上的精確時(shí)刻

實(shí)際應(yīng)用示例

(1) 創(chuàng)建日期和時(shí)間

// 創(chuàng)建當(dāng)前日期
const today = Temporal.Now.plainDateISO();
console.log(today.toString()); // 輸出：2025-04-16

// 創(chuàng)建特定日期
const birthday = Temporal.PlainDate.from({ year: 2025, month: 7, day: 15 });
console.log(birthday.toString()); // 輸出：2025-07-15

// 創(chuàng)建日期時(shí)間
const meeting = Temporal.PlainDateTime.from({
year: 2025, month: 4, day: 20, 
hour: 14, minute: 30
});
console.log(meeting.toString()); // 輸出：2025-04-20T14:30:00

(2) 日期計(jì)算

(3) 時(shí)區(qū)處理

(4) 日期格式化

Temporal API與Date對(duì)象的對(duì)比

瀏覽器支持與兼容性

截至2025年4月，Temporal API已經(jīng)在主流瀏覽器中得到支持，但仍處于持續(xù)發(fā)展階段。如果需要在較舊的瀏覽器中使用，可以考慮使用polyfill：

// 使用polyfill
import { Temporal } from '@js-temporal/polyfill';