在前端开发中，时间格式化是一个常见的需求。ES6 引入了 Intl.DateTimeFormat API，使得时间格式化变得更加简单和可靠。ES10 对该 API 进行了升级，增加了一些新的特性，本文将介绍 ES10 的 Intl.DateTimeFormat 的新变化以及如何正确地使用它。
新特性
ES10 的 Intl.DateTimeFormat API 在 ES6 的基础上增加了一些新的特性，包括：
1. 相对时间格式化
ES10 的 Intl.DateTimeFormat API 增加了相对时间格式化的功能，可以将时间格式化为相对于当前时间的字符串。例如：
----- --- - --- ------- ----- --------- - --- ---------------------------- - ----- ---------- ------- ---------- ------- ---------- --------- --------- --- ----------------------------------- -- ----- ----
上面的代码将当前时间格式化为相对于当前时间的字符串，输出结果为 "just now"。
相对时间格式化的参数有以下几种：
- seconds
- minutes
- hours
- days
- weeks
- months
- years
2. 时区格式化
ES10 的 Intl.DateTimeFormat API 增加了时区格式化的功能，可以将时间格式化为指定时区的字符串。例如：
----- --- - --- ------- ----- --------- - --- ---------------------------- - ----- ---------- ------- ---------- ------- ---------- --------- --------------------- --- ----------------------------------- -- --------- ---
上面的代码将当前时间格式化为美国洛杉矶时区的字符串，输出结果为 "11:30:45 AM"。
时区格式化的参数可以是任何有效的时区标识符，例如：
- America/Los_Angeles
- Europe/Paris
- Asia/Shanghai
3. 时区偏移量格式化
ES10 的 Intl.DateTimeFormat API 增加了时区偏移量格式化的功能，可以将时间格式化为指定时区的偏移量。例如：
----- --- - --- ------- ----- --------- - --- ---------------------------- - ----- ---------- ------- ---------- ------- ---------- ------------- ------- --- ----------------------------------- -- -------
上面的代码将当前时间格式化为当前时区的偏移量字符串，输出结果为 "GMT-8"。
时区偏移量格式化的参数有以下几种：
- short
- long
正确使用方法
ES10 的 Intl.DateTimeFormat API 的使用方法与 ES6 版本相同，只是需要注意新特性的使用。下面是一些正确使用方法的示例代码：
示例一：格式化当前时间
----- --- - --- ------- ----- --------- - --- ---------------------------- - ----- ---------- ------ -------- ---- ---------- ----- ---------- ------- ---------- ------- --------- --- ----------------------------------- -- ---- -- ----- -------- ---
上面的代码将当前时间格式化为指定格式的字符串，输出结果为 "Jan 1, 2022, 12:00:00 AM"。
示例二：格式化指定时间
----- ---- - --- ----------------------------- ----- --------- - --- ---------------------------- - ----- ---------- ------ -------- ---- ---------- ----- ---------- ------- ---------- ------- ---------- --------- --------------- --- ------------------------------------ -- ---- -- ----- ------- ---
上面的代码将指定时间格式化为指定时区的字符串，输出结果为 "Jan 1, 2022, 8:00:00 AM"。
示例三：相对时间格式化
----- --- - --- ------- ----- --------- - --- ---------------------------- - ----- ---------- ------- ---------- ------- ---------- --------- --------- --- ----------------------------------- -- ----- ----
上面的代码将当前时间格式化为相对于当前时间的字符串，输出结果为 "just now"。
总结
ES10 的 Intl.DateTimeFormat API 增加了相对时间格式化、时区格式化和时区偏移量格式化的功能，可以更加方便地对时间进行格式化。在使用时需要注意参数的正确性和新特性的使用方式。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6602c011d10417a222e974ea