随着全球化的推进，越来越多的应用程序需要支持多种语言和地域。在前端开发中，地方化字符串的创建是非常常见的任务。在 ES11 中，新增了 Intl.DisplayNames 对象，可以帮助我们更加方便地处理地方化字符串。
Intl.DisplayNames 的作用
Intl.DisplayNames 对象可以用来获取不同语言和地域中的名称，包括语言、国家/地区、货币、时区等。它可以帮助我们轻松地创建地方化字符串，而不需要手动编写大量的代码。
如何使用 Intl.DisplayNames
使用 Intl.DisplayNames 非常简单，只需要创建一个实例，然后调用相应的方法即可。下面是一个简单的示例：
const displayNames = new Intl.DisplayNames(['zh'], {type: 'language'});
console.log(displayNames.of('en')); // 英语
console.log(displayNames.of('fr')); // 法语上面的代码创建了一个 displayNames 实例，表示中文环境下的语言名称。然后使用 of 方法，传入语言代码，就可以获取对应的语言名称。
Intl.DisplayNames 的参数
Intl.DisplayNames 的构造函数接受两个参数：
- locales：表示要使用的语言环境，可以是一个字符串或一个数组。默认为当前环境的语言环境。
- options：表示要获取的名称的类型和选项。
options 参数可以包含以下属性：
- type：表示要获取的名称的类型，可以是 language、region、script、currency 或 unit。默认为 language。
- style：表示名称的样式，可以是 narrow、short 或 long。默认为 long。
- fallback：表示当无法获取名称时的备选名称。默认为 undefined。
Intl.DisplayNames 的应用
下面是一个实际应用的示例：假设我们有一个国际化的网站，需要显示不同语言环境下的货币名称和符号。我们可以使用 Intl.DisplayNames 来获取不同语言环境下的货币名称和符号，并将它们组合成一个字符串。
-- -------------------- ---- ------- ----- ------------ - --- ------------------------- ------ ------------- ----- -------- - ------ ----- ------- - ------- ----------- ---------- ----- --------- - --- -------------------------- --------- ----- ------------ - -------------------------- ----- -------------- - ------------------------------------ ----- ------- - ---- -------- -- ---- ------- -- --------------- --------------------- ---------------------
上面的代码中，我们首先创建了一个 displayNames 实例，表示英文环境下的货币名称。然后，我们使用 Intl.NumberFormat 对象来获取货币符号，并将它们组合成一个字符串。
总结
Intl.DisplayNames 对象是 ES11 中一个非常实用的新特性，它可以帮助我们更加方便地处理地方化字符串。通过使用 Intl.DisplayNames，我们可以轻松地获取不同语言环境下的名称，包括语言、国家/地区、货币、时区等。它不仅可以提高开发效率，还可以提高应用程序的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dff51a1886fbafa4d2b87e