Intl.DisplayNames：本地化显示名称与地区

--- title: Intl.DisplayNames：本地化显示名称与地区 keywords: - Intl.DisplayNames - 本地化名称 - 语言/地区 - 脚本 - 本地化 description: 使用 Intl.DisplayNames 为语言、地区与脚本提供本地化显示名称，提升全局化产品的可读性与一致性。 categories: - 文章资讯 - 编程技术 --- ## 概述 Intl.DisplayNames 根据用户或指定的本地化设置返回语言、地区、脚本等的本地化名称，适用于设置页、选择器与统计展示。 ## 用法/示例 ```js const regionNames = new Intl.DisplayNames(['zh-CN'], { type: 'region' }) regionNames.of('US') // "美国" const langNames = new Intl.DisplayNames(['zh-CN'], { type: 'language' }) langNames.of('en') // "英语" ``` ## 工程建议 - 统一使用同一 `locale` 源，保持跨页面一致性；对缺失条目提供兜底。 - 与 `Intl.NumberFormat`/`DateTimeFormat` 协作，形成完整的本地化展示策略。 - 验证多区域与脚本覆盖范围，避免硬编码名称。 ## 参考与验证 - MDN：Intl.DisplayNames — https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames