引言
在现代的国际化应用程序中，显示区域设置名称是非常重要的。例如，当你需要显示日期，时间或货币时，你需要显示这些数据的区域设置名称。在过去，这是一个复杂的任务，需要使用复杂的算法和自定义代码来实现。但是，现在有一个新的 API，可以简化这个过程。这个 API 就是 Intl.DisplayNames。
在本文中，我们将深入介绍 Intl.DisplayNames API，并提供示例代码来帮助您更好地理解和使用它。
什么是 Intl.DisplayNames API
Intl.DisplayNames API 是 ECMAScript 2019 中的一个新 API，它允许您获取区域设置的名称。这个 API 使用了一个名为 "Display Names" 的数据集，包含了各种语言和地区的名称，例如语言、脚本、地区和货币等。
使用这个 API，你可以轻松地获取任何区域设置的名称，而不需要自己编写复杂的代码。这个 API 提供了一种简单的方式来获取名称，同时也提供了一些选项来控制名称的格式。
如何使用 Intl.DisplayNames API
要使用 Intl.DisplayNames API，您需要首先创建一个 DisplayNames 实例。这个实例需要两个参数：一个是语言代码，另一个是选项对象。
const dn = new Intl.DisplayNames(['zh'], {type: 'language'});在这个例子中，我们创建了一个 DisplayNames 实例，用于获取中文语言名称。我们还指定了一个选项对象，告诉 API 我们要获取的是语言名称。
一旦您创建了 DisplayNames 实例，您就可以使用它来获取区域设置的名称。例如，要获取当前语言环境的语言名称，您可以使用以下代码：
const languageName = dn.of(navigator.language);
在这个例子中，我们使用 of() 方法来获取当前语言环境的语言名称。这个方法接受一个字符串参数，表示要获取名称的区域设置。
Intl.DisplayNames API 的选项
Intl.DisplayNames API 提供了一些选项来控制名称的格式。以下是一些常用的选项：
- type：指定要获取的名称类型，例如语言、脚本、地区和货币等。
- style：指定名称的格式，例如长名称、短名称和标准名称等。
- fallback：指定当找不到名称时要使用的默认名称。
以下是一些示例代码，演示了如何使用这些选项：
const dn1 = new Intl.DisplayNames(['zh'], {type: 'region', style: 'long'});
const dn2 = new Intl.DisplayNames(['zh'], {type: 'currency', style: 'short', fallback: 'USD'});
const regionName = dn1.of('CN');
const currencyName = dn2.of('CNY');在这个例子中，我们创建了两个 DisplayNames 实例，用于获取地区名称和货币名称。我们还指定了选项，用于指定名称的格式和默认名称。
总结
Intl.DisplayNames API 是一个非常有用的 API，可以轻松地获取区域设置的名称。使用这个 API，您可以避免编写复杂的代码，同时也可以控制名称的格式和默认名称。希望这篇文章能够帮助您更好地理解和使用这个 API。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c09023add4f0e0ffa94f76