首页演练场案例展示应用文档博客
    • English英语
      EN
    • русский俄语
      RU
    • 日本語日语
      JA
    • français法语
      FR
    • 한국어韩语
      KO
    • 中文中文
      ZH
    • español西班牙语
      ES
    • Deutsch德语
      DE
    • العربية阿拉伯语
      AR
    • italiano意大利语
      IT
    • British English英国英语
      EN-GB
    • português葡萄牙语
      PT
    • हिन्दी印地语
      HI
    • Türkçe土耳其语
      TR
    • polski波兰语
      PL
    • Indonesia印度尼西亚语
      ID
    • Tiếng Việt越南语
      VI
    • українська乌克兰语
      UK
    /
    按框架筛选文档
    Alt+←
    为什么Intlayer?
    开始
    概念
    • Intlayer如何工作
    • 配置
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • 可视化编辑器
    • CMS
    • CI/CD集成
    • 翻译复数枚举条件性别插入文件嵌套MarkdownHTML函数获取
    • 每个语言环境的文件
    • 编译器
    • 自动填充
    • 测试
    • 打包优化
    环境
    • Next.js 14和应用路由器
      Next.js 15
      Next.js 无 locale URL
      Next.js和页面路由器
      编译器
    • Tanstack Start Solid
    • Astro和React
      Astro和Svelte
      Astro和Vue
      Astro和Solid
      Astro和Preact
      Astro和Lit
      Astro和Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt和Vue
    • Vite和Solid
    • SvelteKit
    • Vite和Preact
    • Vite和Vanilla JS
    • Vite和Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native和Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx和React
    Plugins
    • JSON
    • gettext (.po)
    VS Code扩展
    代理
    • MCP服务器
    • 代理技能
    发布
    • v8
    • v7
    • v6
    基准测试
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    博客
    问问题
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetLocaleName
    Creation:2024-08-11Last update:2025-06-29
    将此文档参考到您的 AI 助手
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    使用您最喜欢的AI助手总结文档,并引用此页面和AI提供商

    此文档已过期,基础版本已在以下日期更新 2025年8月23日.

    前往英文文档

    版本历史

    1. "为 React Native 和旧环境添加 polyfills"
      v7.5.02025/12/18
    2. "初始化历史"
      v5.5.102025/6/29

    此页面的内容已使用 AI 翻译。

    查看英文原文的最新版本
    编辑此文档

    如果您有改善此文档的想法,请随时通过在GitHub上提交拉取请求来贡献。

    文档的 GitHub 链接
    Copy

    复制文档 Markdown 到剪贴板

    文档:intlayer 中的 getLocaleName 函数

    描述

    getLocaleName 函数返回给定语言环境(targetLocale)在显示语言环境(displayLocale)中的本地化名称。如果未提供 targetLocale,则返回 displayLocale 自身语言的名称。

    参数

    • displayLocale: Locales

      • 描述:用于显示目标语言环境名称的语言环境。
      • 类型:表示有效语言环境的枚举或字符串。
    • targetLocale?: Locales

      • 描述:需要本地化名称的语言环境。
      • 类型:可选。表示有效语言环境的枚举或字符串。

    返回值

    • 类型:string
    • 描述:targetLocale 在 displayLocale 中的本地化名称,如果未提供 targetLocale,则返回 displayLocale 自身的名称。如果未找到翻译,则返回 "Unknown locale"。

    示例用法

    typescript
    复制代码

    复制代码到剪贴板

    import { Locales, getLocaleName } from "intlayer";
    
    getLocaleName(Locales.ENGLISH); // 输出: "English"
    getLocaleName(Locales.ENGLISH, Locales.FRENCH); // 输出: "Anglais"
    getLocaleName(Locales.ENGLISH, Locales.ESPANOL); // 输出: "Inglés"
    getLocaleName(Locales.ENGLISH, Locales.ENGLISH); // 输出: "English"
    
    getLocaleName(Locales.FRENCH); // 输出: "Français"
    getLocaleName(Locales.FRENCH, Locales.FRENCH); // 输出: "Français"
    getLocaleName(Locales.FRENCH, Locales.ESPANOL); // 输出: "Francés"
    getLocaleName(Locales.FRENCH, Locales.ENGLISH); // 输出: "French"
    
    getLocaleName(Locales.CHINESE); // 输出: "中文"
    getLocaleName(Locales.CHINESE, Locales.FRENCH); // 输出: "Chinois"
    getLocaleName(Locales.CHINESE, Locales.ESPANOL); // 输出: "Chino"
    getLocaleName(Locales.CHINESE, Locales.ENGLISH); // 输出: "Chinese"
    
    getLocaleName("unknown-locale"); // 输出: "未知语言"

    边界情况

    • 未提供 targetLocale:
      • 该函数默认返回 displayLocale 自身的名称。
    • 缺少翻译:
      • 如果 localeNameTranslations 中不包含 targetLocale 或特定 displayLocale 的条目,函数将回退到 ownLocalesName,或者返回 "Unknown locale"。

    React Native 和旧环境的 Polyfills

    getLocaleName 函数依赖于 Intl.DisplayNames API,该 API 在 React Native 或较旧的 JavaScript 环境中不可用。如果您在这些环境中使用 getLocaleName,需要添加 polyfills。

    在应用程序的早期导入 polyfills,最好在入口文件中(例如 index.js、App.tsx 或 main.tsx):

    typescript
    复制代码

    复制代码到剪贴板

    import "intl";import "@formatjs/intl-locale/polyfill";import "@formatjs/intl-displaynames/polyfill";

    更多详细信息,请参阅 FormatJS polyfills 文档。

    为什么Intlayer?
    Alt+→

    在此页面

      讨论是匿名的,并会定期审查以解决常见问题。欢迎分享功能想法、对文档的反馈或任何与 Intlayer 相关的内容, 我们会利用这些意见来制定路线图并改进产品。

      import "intl";import "@formatjs/intl-locale/polyfill";import "@formatjs/intl-displaynames/polyfill";