JavaScript 是一门广泛应用于前端开发中的编程语言，日期格式化是前端开发中常见的需求之一。但是，JavaScript 中的日期格式化常常会出现一些问题。在 ECMAScript 2021 中，新增了一个新特性，可以帮助我们解决这个问题。这篇文章将介绍这个新特性，以及如何使用它来解决日期格式化的问题。
问题示例
在 JavaScript 中，我们可以使用 Date 来表示日期，但是默认情况下，它的输出格式并不是我们需要的。例如，下面的代码会将当前时间以以下格式输出：
const now = new Date(); console.log(now); // Thu Feb 24 2022 10:00:00 GMT+0800 (中国标准时间)
而我们可能需要的格式是 yyyy-mm-dd，或者其他自定义格式。在早期版本的 ECMAScript 中，我们可以使用 toLocaleDateString() 方法来格式化日期，例如：
const now = new Date(); console.log(now.toLocaleDateString()); // 2022/2/24
然而，这种方法存在一些问题。例如，在不同的时区和地区，格式化结果可能会有所不同。此外，它也不支持自定义格式，例如我们希望将日期格式化成 yyyy-mm-dd。
解决方案：Intl.DateTimeFormat
在 ECMAScript 2021 中，新增了一个 Intl.DateTimeFormat() 类，它提供了一种更灵活、更可靠的日期格式化方案。它的用法非常简单，只需要传入两个参数：所需语言的代码和格式化选项。例如，下面的代码将当前时间格式化成 yyyy-mm-dd 的格式：
const now = new Date();
const formatter = new Intl.DateTimeFormat('zh-CN', {dateStyle: 'medium'});
console.log(formatter.format(now)); // 2022年2月24日这个例子中，我们将语言参数设为 'zh-CN'，表示中文简体；将格式化选项设为 {dateStyle: 'medium'}，表示使用中等长度的日期格式化。formatter.format() 方法会返回格式化后的字符串。
需要注意的是，Intl.DateTimeFormat() 的参数比较复杂，常常需要参考文档进行查阅和使用。掌握这个类需要一定的学习成本，但是它的灵活性和可靠性在实际开发中非常重要。
总结
JavaScript 是一门在前端开发中广泛使用的编程语言，但是它在日期格式化方面存在一些问题。以往的解决方案，如 toLocaleDateString() 方法，存在不少局限性。在 ECMAScript 2021 中，新增了一个 Intl.DateTimeFormat() 类，它提供了一种更灵活、更可靠的日期格式化方案。虽然它的参数较为复杂，但是掌握它可以为我们解决日常开发中的日期格式化问题提供更好的支持和帮助。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a37612add4f0e0ffb9bfa5