ECMAScript 2021 中的 Temporal 对象详解及 API 使用示例

AI 编程助手，豆包旗下的编程助手，提供智能补全、智能预测、智能问答等能力，节省开发时间，释放脑海中的创造力，支持 VSCode，点击体验 AI

前言

ECMAScript 2021 中新增了一个 Temporal 对象，用于处理日期和时间相关的操作。该对象提供了一系列的 API，使得日期和时间的操作更加方便和易于理解。本文将详细介绍 Temporal 对象，并提供使用示例。

Temporal 对象简介

Temporal 对象是一个全新的对象，它提供了一系列的 API，用于处理日期和时间相关的操作。它的设计初衷是为了解决 JavaScript 中日期和时间相关 API 的不足和不一致性。Temporal 对象的 API 设计更加直观和易于理解，同时也提供了更多的功能。

Temporal 对象不仅可以处理日期和时间，还包括时区、日历等相关的操作。它的设计是基于现代化的日期和时间标准，可以处理包括闰年、夏令时等在内的复杂情况，同时也支持多种语言环境。

Temporal 对象的使用

创建 Temporal 对象

Temporal 对象的创建非常简单，只需要使用 Temporal 对象即可。例如：

----- -------- - --- -----------

Temporal.Date

Temporal.Date 对象用于处理日期相关的操作，包括年、月、日等。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.Date 对象

创建 Temporal.Date 对象有两种方式，一种是使用 Temporal.Date.from() 方法，另一种是使用 Temporal.Now.date() 方法。

-- -- ------ ---- ------------- --
----- ----- - ---------------------------------

-- -- ---------- ---- ------------- --
----- ----- - --------------------

获取 Temporal.Date 对象的属性值

Temporal.Date 对象有多个属性，包括年、月、日等。可以使用 get() 方法获取属性值。

----- ---- - --------------------
------------------------------ -- ----
------------------------------- -- ----
----------------------------- -- ----

修改 Temporal.Date 对象的属性值

Temporal.Date 对象的属性值可以使用 with() 方法进行修改。

----- ---- - --------------------
----- ------- - ----------- ----- ----- ------ -- ---- - ---
-------------------------------- -- -------------

Temporal.Time

Temporal.Time 对象用于处理时间相关的操作，包括时、分、秒、毫秒等。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.Time 对象

创建 Temporal.Time 对象有两种方式，一种是使用 Temporal.Time.from() 方法，另一种是使用 Temporal.Now.time() 方法。

-- -- ------ ---- ------------- --
----- ----- - -------------------------------

-- -- ---------- ---- ------------- --
----- ----- - --------------------

获取 Temporal.Time 对象的属性值

Temporal.Time 对象有多个属性，包括时、分、秒、毫秒等。可以使用 get() 方法获取属性值。

----- ---- - --------------------
------------------------------ -- ----
-------------------------------- -- ----
-------------------------------- -- ---
------------------------------------- -- ----

修改 Temporal.Time 对象的属性值

Temporal.Time 对象的属性值可以使用 with() 方法进行修改。

----- ---- - --------------------
----- ------- - ----------- ----- --- ------- --- ------- -- ------------ - ---
-------------------------------- -- -----------

Temporal.DateTime

Temporal.DateTime 对象用于处理日期和时间相关的操作，包括年、月、日、时、分、秒、毫秒等。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.DateTime 对象

创建 Temporal.DateTime 对象有两种方式，一种是使用 Temporal.DateTime.from() 方法，另一种是使用 Temporal.Now.dateTime() 方法。

-- -- ------ ---- ----------------- --
----- --------- - ----------------------------------------------

-- -- -------------- ---- ----------------- --
----- --------- - ------------------------

获取 Temporal.DateTime 对象的属性值

Temporal.DateTime 对象有多个属性，包括年、月、日、时、分、秒、毫秒等。可以使用 get() 方法获取属性值。

----- -------- - ------------------------
---------------------------------- -- ----
----------------------------------- -- ----
--------------------------------- -- ----
---------------------------------- -- ----
------------------------------------ -- ----
------------------------------------ -- ---
----------------------------------------- -- ----

修改 Temporal.DateTime 对象的属性值

Temporal.DateTime 对象的属性值可以使用 with() 方法进行修改。

----- -------- - ------------------------
----- ----------- - --------------- ----- ----- ------ -- ---- -- ----- --- ------- --- ------- -- ------------ - ---
------------------------------------ -- ----------------------

Temporal.Duration

Temporal.Duration 对象用于表示时间间隔，例如两个日期之间的间隔。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.Duration 对象

创建 Temporal.Duration 对象有两种方式，一种是使用 Temporal.Duration.from() 方法，另一种是使用 Temporal.Now.duration() 方法。

-- -- ------ ---- ----------------- --
----- --------- - ----------------------------------

-- -- -------------- ---- ----------------- --
----- --------- - ------------------------

获取 Temporal.Duration 对象的属性值

Temporal.Duration 对象有多个属性，包括小时、分钟、秒、毫秒等。可以使用 get() 方法获取属性值。

----- -------- - ----------------------------------
----------------------------------- -- ----
------------------------------------- -- ----
------------------------------------- -- ---
------------------------------------------ -- ----

修改 Temporal.Duration 对象的属性值

Temporal.Duration 对象的属性值可以使用 with() 方法进行修改。

----- -------- - ----------------------------------
----- ----------- - --------------- ------ -- -------- -- -------- -- ------------- - ---
------------------------------------ -- -------

Temporal.PlainDate

Temporal.PlainDate 对象用于表示日期，不包括时间和时区信息。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.PlainDate 对象

创建 Temporal.PlainDate 对象有两种方式，一种是使用 Temporal.PlainDate.from() 方法，另一种是使用 Temporal.Now.plainDate() 方法。

-- -- ------ ---- ------------------ --
----- ---------- - --------------------------------------

-- -- --------------- ---- ------------------ --
----- ---------- - -------------------------

获取 Temporal.PlainDate 对象的属性值

Temporal.PlainDate 对象有多个属性，包括年、月、日等。可以使用 get() 方法获取属性值。

----- --------- - -------------------------
----------------------------------- -- ----
------------------------------------ -- ----
---------------------------------- -- ----

修改 Temporal.PlainDate 对象的属性值

Temporal.PlainDate 对象的属性值可以使用 with() 方法进行修改。

----- --------- - -------------------------
----- ------------ - ---------------- ----- ----- ------ -- ---- - ---
------------------------------------- -- -------------

Temporal.PlainTime

Temporal.PlainTime 对象用于表示时间，不包括日期和时区信息。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.PlainTime 对象

创建 Temporal.PlainTime 对象有两种方式，一种是使用 Temporal.PlainTime.from() 方法，另一种是使用 Temporal.Now.plainTime() 方法。

-- -- ------ ---- ------------------ --
----- ---------- - ------------------------------------

-- -- --------------- ---- ------------------ --
----- ---------- - -------------------------

获取 Temporal.PlainTime 对象的属性值

Temporal.PlainTime 对象有多个属性，包括时、分、秒、毫秒等。可以使用 get() 方法获取属性值。

----- --------- - -------------------------
----------------------------------- -- ----
------------------------------------- -- ----
------------------------------------- -- ---
------------------------------------------ -- ----

修改 Temporal.PlainTime 对象的属性值

Temporal.PlainTime 对象的属性值可以使用 with() 方法进行修改。

----- --------- - -------------------------
----- ------------ - ---------------- ----- --- ------- --- ------- -- ------------ - ---
------------------------------------- -- -----------

Temporal.PlainDateTime

Temporal.PlainDateTime 对象用于表示日期和时间，不包括时区信息。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.PlainDateTime 对象

创建 Temporal.PlainDateTime 对象有两种方式，一种是使用 Temporal.PlainDateTime.from() 方法，另一种是使用 Temporal.Now.plainDateTime() 方法。

-- -- ------ ---- ---------------------- --
----- -------------- - ---------------------------------------------------

-- -- ------------------- ---- ---------------------- --
----- -------------- - -----------------------------

获取 Temporal.PlainDateTime 对象的属性值

Temporal.PlainDateTime 对象有多个属性，包括年、月、日、时、分、秒、毫秒等。可以使用 get() 方法获取属性值。

----- ------------- - -----------------------------
--------------------------------------- -- ----
---------------------------------------- -- ----
-------------------------------------- -- ----
--------------------------------------- -- ----
----------------------------------------- -- ----
----------------------------------------- -- ---
---------------------------------------------- -- ----

修改 Temporal.PlainDateTime 对象的属性值

Temporal.PlainDateTime 对象的属性值可以使用 with() 方法进行修改。

----- ------------- - -----------------------------
----- ---------------- - -------------------- ----- ----- ------ -- ---- -- ----- --- ------- --- ------- -- ------------ - ---
----------------------------------------- -- ----------------------

Temporal.TimeZone

Temporal.TimeZone 对象用于表示时区信息。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.TimeZone 对象

创建 Temporal.TimeZone 对象有两种方式，一种是使用 Temporal.TimeZone.from() 方法，另一种是使用 Temporal.Now.timeZone() 方法。

-- -- ------ ---- ----------------- --
----- --------- - ----------------------------------------

-- -- -------------- ---- ----------------- --
----- --------- - ------------------------

获取 Temporal.TimeZone 对象的属性值

Temporal.TimeZone 对象有多个属性，包括时区名称、时差等。可以使用 get() 方法获取属性值。

----- -------- - ------------------------
-------------------------------- -- ------
---------------------------------------------------------------------- -- ---------------

修改 Temporal.TimeZone 对象的属性值

Temporal.TimeZone 对象的属性值不支持修改。

Temporal.Calendar

Temporal.Calendar 对象用于表示日历信息。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。

创建 Temporal.Calendar 对象

创建 Temporal.Calendar 对象有两种方式，一种是使用 Temporal.Calendar.from() 方法，另一种是使用 Temporal.Now.calendar() 方法。

-- -- ------ ---- ----------------- --
----- --------- - ----------------------------------

-- -- -------------- ---- ----------------- --
----- --------- - ------------------------

获取 Temporal.Calendar 对象的属性值

Temporal.Calendar 对象有多个属性，包括日历名称等。可以使用 get() 方法获取属性值。

----- -------- - ------------------------
-------------------------------- -- ------

修改 Temporal.Calendar 对象的属性值

Temporal.Calendar 对象的属性值不支持修改。

总结

Temporal 对象是 ECMAScript 2021 中新增的一个对象，用于处理日期和时间相关的操作。它的 API 设计更加直观和易于理解，同时也提供了更多的功能。本文详细介绍了 Temporal 对象及其相关 API 的使用，提供了多个使用示例。通过学习本文，你可以更加方便地处理日期和时间相关的操作，同时也可以了解到 JavaScript 中日期和时间相关 API 的不足和不一致性。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6613aef0d10417a22242930a

阅读全文

猜你喜欢

  • ES10 中的 JSON 的候选渲染器：如何将 JSON 数据渲染为 HTML 格式？

    在前端开发中，经常需要将 JSON 数据渲染为可视化的界面展示给用户，而这个过程需要借助于一些渲染器。在 ES10 中，我们可以使用一种新的候选渲染器来实现这个功能，并且这种渲染器非常灵活和易用。

    7 个月前
  • 解决使用 Express.js 时遇到的跨域问题

    在前端开发中，跨域问题是非常常见的。当使用 Express.js 构建后端 API 时，如果前端应用程序在不同的域中运行，就会遇到跨域问题。本文将介绍在 Express.js 中解决跨域问题的方法，以...

    7 个月前
  • RxJS 实践：利用 interval 实现自动轮询

    RxJS 是一个强大的响应式编程库，它可以让我们更方便地处理异步数据流。在前端开发中，我们经常需要实现自动轮询功能，以便及时获取更新的数据。本文将介绍如何使用 RxJS 的 interval 操作符实...

    7 个月前
  • 使用 JWT 进行身份验证的 Angular 应用

    介绍 在现代 Web 应用程序中，身份验证是必不可少的。JSON Web Token（JWT）是一种流行的身份验证机制，它是一种基于 JSON 的开放标准，用于在不同的应用程序和服务之间安全地传输信息...

    7 个月前
  • Vue.js 如何使用 Ts 实现强类型校验

    在前端开发中，使用 TypeScript（以下简称 Ts）可以大大提高代码的可维护性和可读性。Vue.js 作为一种流行的前端框架，也可以与 Ts 结合使用，实现强类型校验，避免出现一些常见的类型错误...

    7 个月前
  • CSS Grid 布局实战技巧分享：如何实现灵活性布局？

    前言 CSS Grid 布局是一种强大的布局方式，它可以让我们更加方便、灵活地进行页面布局，提高开发效率。本文将分享一些在实际开发中，如何运用 CSS Grid 布局实现灵活性布局的技巧和经验。

    7 个月前
  • 如何使用 ES7 中的 Object.getOwnPropertyDescriptors() 方法获取对象属性描述符

    在 JavaScript 中，对象是非常常见的数据类型，我们可以通过对象来存储和操作数据。对象属性描述符是对象属性的元数据，它包含该属性的值、可枚举性、可写性、可配置性等信息。

    7 个月前
  • TypeScript 中如何使用 typeof 操作符

    在 TypeScript 中，使用 typeof 操作符可以获取一个变量或表达式的类型。这个操作符可以用于多种场景，包括类型判断、类型转换等。本文将详细介绍如何使用 typeof 操作符。

    7 个月前
  • ECMAScript 2021 中的 Generator 和 Iterator 详解

    ECMAScript 2021 中的 Generator 和 Iterator 详解 在现代前端开发中，JavaScript 已经成为了不可或缺的一部分。ECMAScript 是 JavaScript...

    7 个月前
  • LESS 中的 Viewport 单位的应用技巧介绍

    在前端开发中，我们经常需要根据不同设备的屏幕尺寸和分辨率来适配页面。Viewport 单位是一个相对于视口的单位，它可以帮助我们实现响应式设计。本文将介绍 LESS 中的 Viewport 单位的应用...

    7 个月前
  • ECMAScript 2020 (ECMAScript 11) 新特性：全链路显示 Null 和 Undefined

    ECMAScript 2020（ECMAScript 11）是 JavaScript 的最新标准，它带来了一些新的特性，其中包括全链路显示 Null 和 Undefined。

    7 个月前
  • 如何使用 MDBootstrap 和 Material Design Lite 为网站创建漂亮的 UI？

    随着网站的日益普及，用户对于网站的要求也越来越高。在网站的设计方面，UI（User Interface）的重要性不言而喻。一个漂亮、易用的 UI 不仅可以提高用户的满意度，还可以提升用户的使用体验。

    7 个月前
  • 如何使用 Enzyme 测试你的 React Native 应用

    React Native 是一种流行的跨平台移动应用开发框架，它允许开发人员使用 JavaScript 和 React 来构建原生应用。但是，随着应用程序规模的增长，测试变得越来越重要。

    7 个月前
  • Headless CMS 在快速构建网站过程中的优化技巧

    随着互联网的快速发展，网站已经成为了企业展示和推广的重要手段。而对于前端工程师来说，快速构建网站并保证其质量是一项重要的任务。为了达到这个目标，Headless CMS成为了一个非常有用的工具。

    7 个月前
  • 如何在 ESLint 中使用第三方的插件？

    ESLint 是一个非常流行的 JavaScript 代码检查工具，它可以帮助我们发现代码中的潜在问题并提高代码质量。ESLint 提供了许多内置的规则和插件，但是有时候我们需要使用第三方的插件来检查...

    7 个月前
  • Cypress 自动化测试中遇到的页面加载慢问题及解决方法

    在进行 Cypress 自动化测试时，我们经常会遇到页面加载慢的问题，这不仅会影响测试效率，还可能导致测试失败。本文将介绍 Cypress 自动化测试中遇到的页面加载慢问题及解决方法，帮助读者更好地进...

    7 个月前
  • Socket.io 如何处理连接请求及返回异常状态

    在现代 Web 开发中，实时通信已经成为了一个非常重要的功能。而 Socket.io 是一个非常受欢迎的实时通信库，它能够轻松地实现服务器和客户端之间的双向通信。在这篇文章中，我们将会探讨 Socke...

    7 个月前
  • PWA 中使用 Scroll Behavior API 实现页面平滑滚动效果

    随着移动设备的普及，越来越多的用户开始使用移动设备浏览网页。然而，由于移动设备的屏幕较小，用户需要频繁地向上或向下滑动页面，这可能会导致用户的滑动体验变得不够流畅和舒适。

    7 个月前
  • 如何使用 PM2 部署一个 Node.js 防火墙

    在现代互联网时代，防火墙是保证网络安全的重要组成部分。Node.js 是一个流行的服务器端编程语言，它可以用来开发强大的网络应用程序。本文将介绍如何使用 PM2 部署一个 Node.js 防火墙，以提...

    7 个月前
  • 解决 React 应用出现的跨域问题

    在前端开发中，跨域问题是一个常见的问题。React 应用也不例外，当我们在开发中使用 Ajax 或 WebSocket 等技术与不同域名的服务器进行数据交互时，就会出现跨域问题。

    7 个月前

相关推荐

    暂无文章