Intl API 高级用法:精确格式化与多语言适配
使用 Intl 对象进行日期、数字、复数规则和列表格式化,实现国际化应用。 · 难度:入门 · +10XP
Intl API 高级用法:精确格式化与多语言适配
Intl API 是浏览器内置的国际化引擎,支持超过 500 种语言环境。本教程将介绍 Intl.DateTimeFormat、Intl.NumberFormat、Intl.ListFormat 和 Intl.PluralRules 的高级选项。你将学会如何格式化相对时间(如“3天前”)、货币金额(带符号和分组),以及处理阿拉伯语、日语等复杂书写系统。我们还会讨论如何根据用户偏好动态切换语言,以及性能优化技巧。
const rtf = new Intl.RelativeTimeFormat('zh-CN', { numeric: 'auto' });
console.log(rtf.format(-3, 'day')); // "3天前"
console.log(rtf.format(1, 'hour')); // "1小时后"
const list = ['苹果', '香蕉', '橙子'];
const lf = new Intl.ListFormat('zh-CN', { style: 'long', type: 'conjunction' });
console.log(lf.format(list)); // "苹果、香蕉和橙子"