JavaScript面对国际化编程时的一些建议资源-CSDN文库

date

date函数

189 浏览量 2020-12-11 11:29:30 上传评论收藏 131KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript面对国际化编程时的一些建议面对国际化编程时的一些建议

什么是国际化？什么是国际化？

国际化（Internationalization的缩写是i18n——i,中间18个字符,n）是将软件处理的能让来自各种地方使用各种语言的用户更简

单使用的一个过程。假定某个用户来自某个地方说某种语言，他可能不经意间就得到一些错误提示。尤其是你甚至都没有做这

种假设。

function formatDate(d)

{

// Everyone uses month/date/year...right?

var month = d.getMonth() + 1;

var date = d.getDate();

var year = d.getFullYear();

return month + "/" + date + "/" + year;

}

function formatMoney(amount)

{

// All money is dollars with two fractional digits...right?

return "$" + amount.toFixed(2);

}

function sortNames(names)

{

function sortAlphabetically(a, b)

{

var left = a.toLowerCase(), right = b.toLowerCase();

if (left > right)

return 1;

if (left === right)

return 0;

return -1;

}

// Names always sort alphabetically...right?

names.sort(sortAlphabetically);

}

JavaScript过去的过去的i18n支持太糟糕支持太糟糕

传统JS的i18n程序使用toLocaleString()方法进行格式化。结果字符串包含实现自身提供的所有细节：没有办法自己选择(你确

实需要那种date格式的weekday吗？year是无关紧要的吗？)。即使包含对应的细节，格式也可能是错的，比如本期望是百分

比但得到的是数字。而且你还不能选择一个区域设置(locale)。

对于排序，JS提供了基本没用的基于区域设置(locale-sensitive)的文本比较函数。localeCompare()确实存在，但是其接口根

本不适合sort。而且还不允许选择区域设置，或者排序方式。

这些限制太糟了(当我认识到时，我非常吃惊！)，因为需要i18n支持(通常是金融站点用于显示货币)的严谨web应用会把数据打

包，发给服务器，服务器进行操作，然后发回客户端。数据往返服务器仅仅为了处理货币的数量。Yeesh。

新的新的JS国际化国际化API

新的ECMAScript国际化API大大提升了JS的i18n能力。它提供了大家所能想到的格式化date、数字，文本排序的方式。区域

设置是可选的，如果请求的区域设置不支持可以回退。格式化请求可以指定具体要包含的组件。支持自定义的百分比、有效数

字、货币格式。开放了大量排序选项用于文本排序。如果你关心性能，首要的操作是选择一个区域设置，然后处理选项参数，

现在这个操作只会处理一次，而不是之前每次区域设置相关的操作执行时都会被执行一遍。

这不是说，这个API是万能药，而仅仅是”尽最大努力”。精确的输出几乎总是故意不指定的。一份实现可以仅支持 oj 区域设置

(合法的)，也可以忽略(几乎全部)提供的格式化选项。大多数实现都包含高质量的多区域支持，但并不保证有(尤其是资源限定

的系统，如手机)。

在底层，Firefox的实现依赖于Unicode 的国际化组件库(ICU) ，这个库又依赖 Unicode Common 区域数据仓库(CLDR)的区域

数据集。我们的实现是自托管的：ICU之上的大部分实现用JS写的。在这个过程中，我们遇到了一些问题(我们从未如此大规

模的自托管过)，但基本上都不大。

Intl 接口(不是数字1，是字母l)

i18n 存在于 Intl 对象之上。Intl 包含3个构造函数：Intl.Collator, Intl.DateTimeFormat, 和Intl.NumberFormat。每个构造函数创

建一个对象，这个对象提供相关操作、高效地为这些操作缓存区域设置和选项。按以下方式创建对象：

var ctor = "Collator"; // 或其他

var instance = new Intl[ctor](locales, options);

locales 是个字符串，指定单个语言标签，或者包含多个语言标签的类数组对象。语言标签如下面的字符串：en(普通英

语)，de-AT(奥地利德语)，zh-Hant-TW(台湾使用的繁体中文)。语言标签可以包含一个“Unicode扩展”，形式为-u-key1-value1-

key2-value2…, 其中每个key是“扩展key”。不同的构造函数对此进行具体解释。

opions 是个对象，其属性(如果不存在，就赋值为undefined)决定格式化器(formatter)和整理器(collator)的行为。精确的解释由

构造函数决定。

给定区域信息和选项，实现会尝试生成近似理想行为的最接近行为。Firefox 支持用于整理(collation)的400+区域，用于

date/time和数字格式化的600+区域，所以很可能(但不保证)你想要的区域是被支持的。

Intl 通常不保证某些特定行为。如果请求的区域不被支持，Intl 允诺“尽最大努力”的行为。即使区域是被支持的，行为也不是严

格指定的。永远不要假设特定的选项集适用于某个特定格式。(围绕请求的组件)总体格式的用语可能因浏览器甚至浏览器的版

本而不同。单个组件的格式是未指定的：weekday的短格式可以为“S”, “Sa”, 或“Sat”。Intl API并不用于公开精确的特定行为。

选项

date/time格式化的主要选项属性如下：

weekday, era

“narrow”, “short”, or “long”. (era通常指历法系统中长于一年的分段，如现行日皇统治, 或者其他纪年法)

month

“2-digit”, “numeric”, “narrow”, “short”, or “long”

year

day

hour, minute, second

“2-digit” or “numeric”

timeZoneName

“short” or “long”

timeZone

区分大小写的”UTC”通过对应的toUTC进行格式化。有些值如”CEST”和”America/New_York”不是必须被支持的，它们确实

在当前Firefox下没有效果。

这些值并不映射到特定格式：记住Intl API几乎不指定精确的行为。Intl的目的，举例来说是”narrow”, “short”, 和”long”生成对应

大小的“S”/“Sa”, “Sat”, 和“Saturday”(输出可能不太准确，因为Saturday和Sunday都可以生成“S”)。 “2-digit”和”numeric”映射到

2位数字的字符串或者全长度的数字字符串，如“70”和“1970”。

最终使用的选项大部分是请求的选项。但是，如果你不指定请求的 weekday/year/month/day/hour/minute/second，那么

year/month/day 将会被加入到你提供的选项。

除此之外，还有些特殊的选项：

hour12

指定hour采用12小时还是24小时格式。默认通常是依赖于区域设置的(某些细节，如午夜是0点，还是12点，以及是否存在

前导0，都是依赖于区域设置的)。

还有另外2种特殊属性，localeMatcher (可选”lookup”或”best fit”) 和formatMatcher (可选”basic”或”best fit”)，两者默认值都

是”best fit”。这些会影响正确的区域设置和格式的选取。它们的用例可能比较难懂，就不赘述了。

区域设置相关选项

DateTimeFormat也允许通过自定义历法和数字系统来格式化。具体细节存在于区域设置，所以它们可以在语言标签的

Unicode扩展中找到。

例如，泰国的泰语中语言标签为th-TH。回一下Unicode扩展的格式-u-key1-value1-key2-value2…. 历法系统的key是ca, 数字

系统的key时nu。泰语数字系统值为thai，中文历法系统值为chinese。因此用大体这样的方式来格式化date，我们把包含这些

key/value对的Unicode追加到语言标签上去：th-TH-u-ca-chinese-nu-thai。

剩余6页未读，继续阅读

评论收藏

内容反馈

weixin_38620839

粉丝: 8
资源: 938

JavaScript面对国际化编程时的一些建议

使用i18next i18n生态系统，实现react国际化-javascript

javascript国际化问题,js国际化

js 国际化实现

自定义JSP标签实现语言国际化(类似struts text标签)，并同时支持图片、JS文件国际化

JavaScript数据可视化编程

JavaScript：模块化编程与CommonJS技术详解

javascript函数式编程

javascript指南和函数式编程

Javascript模块化编程详解

JavaScript DOM编程艺术.pdf

JAVASCRIPT高效图形编程

javaScript应用客户端编程

javascript网络编程基础教程

Javascript编程宝典资源

趣学JAVASCRIPT 教孩子学编程

如何设计一套JavaScript课程体系+编程知识+技术开发

JavaScript动态网页编程

JavaScript面向对象编程指南

JavaScript面向对象编程指南.pdf

JavaScript函数式编程pdf

JAVASCRIPT语言精髓与编程实践

javascript Dom 编程艺术

第5章 JavaScript编程技术 课件

JavaScript面向对象编程指南（第2版）.rar

JavaScript异步编程g.pdf

javascript面向对象编程

JavaScript面向对象编程指南 pdf

javascript面向对象编程.pdf

最新资源

第5章 JavaScript编程技术课件