JS Intl 国际化

学习Intl API · 难度：进阶 · +15XP

JavaScript Intl —— 国际化API

Intl（Internationalization）是JavaScript内置的国际化API，可以格式化数字、日期、货币、列表等——不需要任何第三方库。

数字格式化

// 货币
new Intl.NumberFormat('zh-CN', { style: 'currency', currency: 'CNY' }).format(1234.56);
// '¥1,234.56'
// 百分比
new Intl.NumberFormat('zh-CN', { style: 'percent' }).format(0.85);
// '85%'
// 中文数字
new Intl.NumberFormat('zh-Hans-CN-u-nu-hanidec').format(1234);
// '一,二三四'

日期格式化

new Intl.DateTimeFormat('zh-CN', { dateStyle: 'full' }).format(new Date());
// '2024年1月15日星期一'
new Intl.RelativeTimeFormat('zh-CN', { numeric: 'auto' }).format(-3, 'day');
// '3天前'

动手练习

1. 基础练习：用Intl格式化一个商品价格列表——日元、美元、人民币各不同。
2. 进阶应用：用RelativeTimeFormat实现"刚才、5分钟前、昨天"等相对时间显示。
3. 项目实战：在电商网站中用Intl实现多语言价格显示。