JavaScript国际化的日期数字货币格式化方法

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《JavaScript国际化API详解：日期、数字与货币格式化方法》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

Intl API 是 JavaScript 原生国际化标准，提供 DateTimeFormat 和 NumberFormat 等接口，支持按 locale 自动格式化日期、时间、数字、货币等，推荐替代 toLocaleDateString 等不可靠旧方法。

JavaScript 国际化 API（Internationalization API，简称 Intl）是一套内置的、标准化的接口，用于在不同语言和区域环境下格式化日期、数字、货币、时间、相对时间、列表、消息等，无需依赖第三方库就能实现本地化显示。

Intl.DateTimeFormat：安全又灵活的日期/时间格式化

它根据用户所在地区自动适配星期顺序、月份名称、年月日顺序、12/24 小时制等。你只需指定 locale 和选项，浏览器就按当地习惯输出。

• 基础用法：new Intl.DateTimeFormat('zh-CN').format(new Date()) → "2024年6月12日"
• 带时间：new Intl.DateTimeFormat('en-US', { dateStyle: 'medium', timeStyle: 'short' }).format(new Date()) → "Jun 12, 2024, 3:45 PM"
• 自定义组合：可用 year、month、day、hour、minute 等细粒度选项，比如 { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' }
• 注意：不要用 toLocaleDateString() 等老方法做关键展示——它们行为不一致且不可靠；Intl 是唯一推荐方案

Intl.NumberFormat：统一处理数字、百分比与货币

它能按 locale 自动添加千分位分隔符、小数位数、负号位置、甚至本地化符号（如阿拉伯数字、印度分组方式），还能无缝支持货币单位。

• 普通数字：new Intl.NumberFormat('de-DE').format(1234567.89) → "1.234.567,89"
• 百分比：new Intl.NumberFormat('ja-JP', { style: 'percent', minimumFractionDigits: 1 }).format(0.123) → "12.3％"
• 货币（关键！要指定 currency + currencyDisplay）：new Intl.NumberFormat('zh-CN', { style: 'currency', currency: 'CNY', currencyDisplay: 'symbol' }).format(199.9) → "¥199.90"
• 注意：currency 必须是 ISO 4217 三字母代码（如 USD、EUR、CNY），且不是所有 locale 都默认支持所有货币；currencyDisplay: 'code' 可显示 "CNY"，'narrowSymbol' 在某些 locale 下更简洁（如 ¥ 而非 CNY）

实际使用小贴士

• locale 可传数组，例如 ['zh-CN', 'en-US']，浏览器会按顺序找第一个支持的
• 避免硬编码格式字符串（如 "MM/DD/YYYY"），交给 Intl 推导最可靠
• 服务端渲染时，若无法获取用户 locale，可先用 navigator.language 或 HTTP Accept-Language 头做 fallback
• 格式化器可复用：创建一次实例，多次调用 .format()，性能更好

基本上就这些。Intl API 原生、稳定、覆盖主流需求，是现代前端做国际化格式化的事实标准。

本篇关于《JavaScript国际化的日期数字货币格式化方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！