JavaScript 中如何进行本地化 (l10n)？

推荐答案

在 JavaScript 中，本地化（l10n）通常通过使用 Intl 对象来实现。Intl 是 ECMAScript 国际化 API 的一部分，提供了对语言敏感的字符串比较、数字格式化、日期和时间格式化等功能。

使用 Intl 进行本地化的示例

// www.javascriptcn.com code example
// 数字格式化
const number = 123456.789;
console.log(new Intl.NumberFormat('de-DE').format(number)); // 输出: 123.456,789

// 日期格式化
const date = new Date();
console.log(new Intl.DateTimeFormat('ja-JP').format(date)); // 输出: 2023/10/05

// 货币格式化
const currency = 1234.56;
console.log(new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(currency)); // 输出: $1,234.56

使用 Intl 进行字符串比较

const collator = new Intl.Collator('de');
console.log(['ä', 'z'].sort(collator.compare)); // 输出: ["ä", "z"]

本题详细解读

1. Intl 对象

Intl 对象是 JavaScript 中用于国际化的核心对象，它提供了多种构造函数来处理不同语言的格式化需求。常见的构造函数包括：

• Intl.NumberFormat：用于格式化数字。
• Intl.DateTimeFormat：用于格式化日期和时间。
• Intl.Collator：用于字符串比较。

2. Intl.NumberFormat

Intl.NumberFormat 用于格式化数字，支持不同的语言和地区设置。可以通过传递 locale 参数来指定语言和地区，还可以通过 options 参数来指定格式化的样式（如货币、百分比等）。

const number = 123456.789;
console.log(new Intl.NumberFormat('en-US').format(number)); // 输出: 123,456.789
console.log(new Intl.NumberFormat('fr-FR').format(number)); // 输出: 123 456,789

3. Intl.DateTimeFormat

Intl.DateTimeFormat 用于格式化日期和时间。与 Intl.NumberFormat 类似，它也可以通过 locale 参数来指定语言和地区，并通过 options 参数来指定日期和时间的格式。

const date = new Date();
console.log(new Intl.DateTimeFormat('en-US').format(date)); // 输出: 10/5/2023
console.log(new Intl.DateTimeFormat('fr-FR').format(date)); // 输出: 05/10/2023

4. Intl.Collator

Intl.Collator 用于字符串比较，特别是在处理不同语言的字符串排序时非常有用。它可以根据指定的语言规则对字符串进行排序。

const collator = new Intl.Collator('de');
console.log(['ä', 'z'].sort(collator.compare)); // 输出: ["ä", "z"]

5. 其他本地化工具

除了 Intl 对象，JavaScript 中还可以使用第三方库（如 i18next、moment.js 等）来实现更复杂的本地化需求。这些库通常提供了更丰富的功能和更灵活的配置选项。

6. 注意事项

• Intl API 在现代浏览器中得到了广泛支持，但在一些旧版浏览器中可能不支持。可以使用 polyfill 来提供兼容性。
• 本地化不仅仅是语言和地区的转换，还涉及到文化习惯、货币符号、日期格式等多个方面，因此在处理本地化时需要全面考虑这些因素。