如何解决低于14.1版本的Safari中Intl.DisplayNames()未定义问题

• 方案1：使用标准polyfill补全API能力
  这是最稳妥的兼容方案，采用ECMA-402规范官方维护的@formatjs/intl-displaynamespolyfill，和原生API能力完全对齐，兼容到Safari 10及以上版本。
  操作步骤：
  1. 安装依赖包：
     npm install @formatjs/intl-displaynames
  2. 在项目入口文件中引入polyfill和对应语言的地区数据：

  // 引入polyfill核心逻辑
  import '@formatjs/intl-displaynames/polyfill'
  // 按需引入需要支持的语言包，示例为引入中文、英文语言包
  import '@formatjs/intl-displaynames/locale-data/zh'
  import '@formatjs/intl-displaynames/locale-data/en'
  

  引入完成后即可直接按照原生语法调用Intl.DisplayNames()，高版本浏览器会优先使用原生实现，不会产生额外性能开销，低版本Safari会自动降级到polyfill实现。
• 方案2：轻量场景手动维护映射表
  如果你只需要用到少量固定语言、地区的显示名称，不想额外引入依赖，可以自己预先维护一份地区/语言码和对应显示名的映射对象，运行时直接查表返回结果即可，适合对包体积要求极高的极简场景。

内容的提问来源于stack exchange，提问作者Patrick