在前端开发中，日期和时间的处理是一个常见的问题。尽管 JavaScript 自带了 Date 对象，但是它的API使用起来并不是很方便，也容易出错。而在 ES12 中，新增了一个 Temporal API，它不仅提供了更好的日期和时间处理方式，还在性能和可读性方面得到了很大的提升。值得一提的是，Temporal API 还支持时区和闰秒等特性，让日期和时间处理更加全面。
Temporal API 的基本介绍
Temporal API 由三个主要的类组成，分别是 Temporal.Instant、Temporal.ZonedDateTime 和 Temporal.Duration。每个类都有其用途。下面一一介绍这些类。
Temporal.Instant
Temporal.Instant 表示一个瞬时点。它是一个不可变的、单一的时间点，没有时区的概念。它的使用非常简单：
const instant = Temporal.Instant.fromEpochSeconds(1609459200); console.log(instant.toString()); // "2021-01-01T00:00:00Z"
在这个例子中，我们创建了一个 Temporal.Instant 类型的实例，表示了从1970年1月1日0点0分0秒到2021年1月1日0点0分0秒之间的秒数。这个实例中包含了年月日时分秒和时区信息。
Temporal.ZonedDateTime
Temporal.ZonedDateTime 表示一个带时区的日期和时间。它是由 Temporal.Instant 和 Temporal.TimeZone 两个对象组成，用于处理全球不同时区的时间。它的用法如下：
const timeZone = Temporal.TimeZone.from("America/Los_Angeles");
const instant = Temporal.Instant.fromEpochSeconds(1631223600);
const zonedDateTime = Temporal.ZonedDateTime.from(instant, timeZone);
console.log(zonedDateTime.toString()); // "2021-09-09T08:40:00-07:00[America/Los_Angeles]"在这个例子中，我们创建了一个指定时区的 Temporal.ZonedDateTime 实例。它包含了年月日时分秒和时区信息，我们还可以对其进行各种计算和操作。
Temporal.Duration
Temporal.Duration 用于表示一个时间段。它可以用来计算两个时间点之间的时间差，或者将一个时间段进行加减运算。对于需要精确时间计算的场景，Temporal.Duration 很好地解决了这个痛点。下面是一个例子：
const startTime = Temporal.ZonedDateTime.from("2022-01-01T00:00:00Z");
const endTime = Temporal.ZonedDateTime.from("2022-01-02T01:30:00Z");
const duration = Temporal.Duration.from(endTime.difference(startTime));
console.log(duration.total({unit: 'hour'})); // 25.5在这个例子中，我们首先创建了 Temporal.ZonedDateTime 类型的实例，分别表示了开始时间和结束时间。然后通过时间差计算创建了 Temporal.Duration 实例。最后我们可以使用 total 方法将时间转换成小时。
Temporal API 的优势
Temporal API 与 Date 对象相比具有如下优势：
支持时区和闰秒
Temporal API 支持时区和闰秒，可以轻松处理全球不同时区的日期和时间。而在 Date 对象中，时区信息是不支持的，处理起来非常麻烦，容易出错。
更简洁和易读的 API
Temporal API 中的 API 更加简洁和易读。例如，我们可以使用 plus 和 minus 方法来对时间进行加减，而不是 add 和 subtract 这样比较难懂的方法。并且，Temporal API 还支持链式 API，可以更加方便地进行多个操作。
性能更加优秀
由于 Temporal API 是基于 ECMAScript 内部提供的机制，因此它比传统的 Date 对象更加快速和高效。并且，Tempoal API 的实现是基于 BigInt，因此可以支持更大的时间范围。
总结
ES12 中的 Temporal API 带来了更好的日期和时间处理方式。它不仅支持全球不同时区和闰秒等特性，而且 API 更加简洁和易读，并且性能也更加优秀。对于需要处理日期和时间的前端开发者来说，建议尝试使用 Temporal API，会给项目带来不少好处。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f5a270f6b2d6eab3e6fd2d