JS 如何优雅地格式化日期和货币？

Question

JS 如何优雅地格式化日期和货币？

仓乃文 · Accepted Answer

格式化日期和货币不需要手写正则或引入第三方库，浏览器原生 Intl API 就能完成，支持全球本地化，性能远超 moment.js 等库。

日期格式化：
```javascript
const formatter = new Intl.DateTimeFormat("zh-CN", {
  year: "numeric",
  month: "long",
  day: "numeric",
  hour: "2-digit",
  minute: "2-digit",
});
formatter.format(new Date());  // "2026年5月7日 14:30"
```

货币格式化：
```javascript
const priceFormatter = new Intl.NumberFormat("zh-CN", {
  style: "currency",
  currency: "CNY",
});
priceFormatter.format(12345.67);  // "¥12,345.67"

const usdFormatter = new Intl.NumberFormat("en-US", {
  style: "currency",
  currency: "USD",
});
usdFormatter.format(99.9);  // "$99.90"
```

数字千分位：
```javascript
new Intl.NumberFormat("zh-CN").format(1234567);  // "1,234,567"
```

补充说明：
- Intl API 是浏览器原生实现，零依赖，体积和性能都优于第三方库
- 第一个参数是 locale 字符串：zh-CN 中文、en-US 英文、ja-JP 日文
- 日期格式化自动处理时区，无需手动转换
- Node.js 18+ 也完整支持 Intl API