在 JavaScript 中，日期一直是一个比较棘手的问题。由于历史原因，JavaScript 中的日期对象存在一些让人困惑的行为，比如月份从 0 开始计数，以及存在时区问题。不过，随着 ES2020（也称为 ECMAScript 2020）的发布，我们终于有了一种新的方法来处理日期，那就是 Temporal。
什么是 Temporal？
Temporal 是 ES2020 中引入的一个新的标准库，用于处理日期和时间。与 JavaScript 中的 Date 不同，Temporal 提供了更加一致和可预测的日期和时间处理方式，并且避免了一些常见的陷阱。
Temporal 中有两个核心概念：Instant 和 ZonedDateTime。Instant 表示一个精确的时间点，而 ZonedDateTime 则表示一个带有时区信息的日期和时间。Temporal 还提供了一些其他的类和函数，用于处理时间间隔、时区、日历等。
如何使用 Temporal？
Temporal 是一个标准库，目前还没有被所有浏览器实现，不过可以通过 polyfill 的方式来使用。在使用 Temporal 之前，需要先安装 polyfill：
npm install proposal-temporal
接着，可以像下面这样使用 Temporal：
import { Temporal } from 'proposal-temporal';
const now = Temporal.now.instant();
console.log(now.toString()); // 输出：2022-02-16T07:54:12.123456789Z
const zonedDateTime = Temporal.ZonedDateTime.from('2022-02-16T12:00:00.000000000+08:00[Asia/Shanghai]');
console.log(zonedDateTime.toString()); // 输出：2022-02-16T12:00:00+08:00[Asia/Shanghai]在上面的代码中，我们使用了 Temporal.now.instant() 获取了当前的时间点，并使用了 Temporal.ZonedDateTime.from() 创建了一个带有时区信息的日期和时间。
Temporal 的优势
与 JavaScript 中的 Date 相比，Temporal 有以下几个优势：
更加一致和可预测的行为：Temporal 中的日期和时间处理方式更加直观和易于理解，可以避免一些常见的陷阱，比如时区问题和夏令时问题等。
更加丰富的 API：Temporal 提供了一系列的类和函数，用于处理时间间隔、时区、日历等，可以满足各种不同的需求。
更加精确的计算：Temporal 中的计算是基于数学原理进行的，可以避免一些精度问题。
总结
Temporal 是 ES2020 中引入的一个新的标准库，用于处理日期和时间。与 JavaScript 中的 Date 相比，Temporal 提供了更加一致和可预测的日期和时间处理方式，并且避免了一些常见的陷阱。虽然目前还没有被所有浏览器实现，但是可以通过 polyfill 的方式来使用。如果你需要处理日期和时间，可以考虑使用 Temporal。
示例代码
-- -------------------- ---- ------- ------ - -------- - ---- -------------------- -- ------- ----- --- - ----------------------- ---------------------------- -- --------------------------------- -- ---------------- ----- ------------- - ---------------------------------------------------------------------------------- -------------------------------------- -- ------------------------------------------- -- -------------- ----- ----- - -------------------------------------------------------- ----- --- - -------------------------------------------------------- ----- -------- - ----------------- --------------------------------- -- -------- -- ------------- ----- ---- - ---------------------------- ----------------------------- -- ------------- ----- ---- - ---------------------------- ----------------------------- -- --------------------- ----- --------- - ------------------------- ----------------------- -- -------------------------------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c846b3add4f0e0ff220335