背景

第一次看到JS Intl对象的时候有些陌生不太能明白这个玩意存在的意义，名字也是很奇怪。就没有很在意，后来再次读张老师博客的时候，豁然开朗原来他的实用场景还是蛮多的。具体可以参考张老师的博客JS Intl对象完整简介及在中文中的应用。张老师的博客就是我的第二个MDN，上面可学习的东西真多

new Intl.Collator 排序器

String.prototype.localeCompare()方法更全新的版本，locales和options参数两者也都非常类似。

['上海', '北京', '广州', '深圳'].sort(new Intl.Collator('zh').compare)

Intl.DateTimeFormat 格式化

new Intl.DateTimeFormat('zh', {
    year: 'numeric',  
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
    hour12: false
}).format(new Date())

Intl.NumberFormat 格式化对象

连续数字千位分隔符分隔

new Intl.NumberFormat().format(12345.6789);

数字不足位数补0

new Intl.NumberFormat(undefined, {
    minimumIntegerDigits: 2
}).format(8);

金额中文自带

new Intl.NumberFormat('zh-Hans', { 
    style: 'currency', 
    currency: 'CNY',
    currencyDisplay: 'name'
}).format(12345.6789)

总结

更多想象信息请看MDN文档或者看张老师博客