數(shù)字“1,000”將被解讀為：

• 美國(guó)、英國(guó)、加拿大、中國(guó)和日本的人會(huì)將其解讀為“一千”，
• 西班牙、法國(guó)、德國(guó)和俄羅斯的人會(huì)將其解讀為“一（點(diǎn)零）”，因?yàn)檫@些國(guó)家/地區(qū)的數(shù)字小數(shù)部分由逗號(hào)分隔。

即使僅在英語(yǔ)中，情況也可能很複雜。 “1,000 米”這個(gè)術(shù)語(yǔ)表示：

• 對(duì)美國(guó)居民來(lái)說(shuō)是 1 公里（或 0.62 英里）
• 對(duì)英國(guó)、加拿大和澳大利亞的人來(lái)說(shuō)是一千個(gè)測(cè)量?jī)x器的集合！

JavaScript Intl API

鮮為人知的 JavaScript Intl 對(duì)像在大多數(shù)現(xiàn)代瀏覽器和運(yùn)行時(shí)中實(shí)現(xiàn)了 ECMAScript 國(guó)際化 API。支持通常很好，甚至 IE11 也具有許多更有用的方法。對(duì)於舊版瀏覽器，有一個(gè) polyfill，並且可以像這樣檢測(cè) API：

<code><label> for="name"></label>{{ NAME }}>
</code>

API 有點(diǎn)不尋常。它為日期、時(shí)間、數(shù)字和列表提供了一些對(duì)象構(gòu)造函數(shù)，這些構(gòu)造函數(shù)傳遞區(qū)域設(shè)置和包含配置參數(shù)的可選對(duì)象。例如，這是一個(gè)指定美國(guó)英語(yǔ)的 DateTime 對(duì)象：

<code>if (window.Intl) {
  // Intl 受支持
}
</code>

此對(duì)象可以多次用於調(diào)用傳遞 Date() 值（或可用的 ES6 Temporal）的各種方法。 format 方法通常是最實(shí)用的選項(xiàng)。例如：

<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>

或者，您可以在一行代碼中創(chuàng)建 Intl 對(duì)象並運(yùn)行方法：

<code>const valentinesDay = dateFormatter.format( new Date('2022-02-14') );
// 返回美國(guó)格式“2/14/2022”

const starwarsDay = dateFormatter.format( new Date('2022-05-04') );
// 返回美國(guó)格式“5/4/2022”
</code>

除了 format() 方法外，某些對(duì)像還支持以下方法：

• formatToParts(): 返回一個(gè)包含格式化字符串的對(duì)像數(shù)組，例如 { type: 'weekday', value: 'Monday' }
• resolvedOptions(): 返回一個(gè)新對(duì)象，其中包含反映所用區(qū)域設(shè)置和格式化選項(xiàng)的屬性，例如 dateFormatter.resolvedOptions().locale。

定義區(qū)域設(shè)置

所有 Intl 對(duì)像都需要一個(gè)區(qū)域設(shè)置參數(shù)。這是一個(gè)字符串，它標(biāo)識(shí)：

• 語(yǔ)言子標(biāo)籤
• 腳本子標(biāo)籤（可選）
• 地區(qū)（或國(guó)家/地區(qū)）子標(biāo)籤（可選）
• 一個(gè)或多個(gè)變體子標(biāo)籤（可選）
• 一個(gè)或多個(gè) BCP 47 擴(kuò)展序列（可選）
• 專(zhuān)用用途擴(kuò)展序列（可選）

語(yǔ)言和地區(qū)通常就足夠了。例如，“en-US”、“fr-FR”等等。

除了使用字符串外，還可以使用 Intl.locale 對(duì)象來(lái)構(gòu)造區(qū)域設(shè)置，例如使用 12 小時(shí)時(shí)間格式的美國(guó)英語(yǔ)：

<code><label> for="name"></label>{{ NAME }}>
</code>

這可以在另一個(gè) Intl 構(gòu)造函數(shù)中使用。例如：

<code>if (window.Intl) {
  // Intl 受支持
}
</code>

如果未定義區(qū)域設(shè)置，則使用設(shè)備的當(dāng)前語(yǔ)言和地區(qū)設(shè)置。例如：

<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>

這在使用美國(guó)設(shè)置的設(shè)備上返回“5/4/2022”，在使用英國(guó)設(shè)置的設(shè)備上返回“04/05/2022”。

日期和時(shí)間

以下工具顯示了使用 Intl.DateTimeFormat() 格式化的日期和時(shí)間的示例（如果您的語(yǔ)言或地區(qū)未列出，我們深感抱歉?。?/p>

（此處應(yīng)嵌入CodePen示例，但由於我無(wú)法直接嵌入外部資源，我只能提供文字描述。） CodePen示例展示了使用Intl.DateTimeFormat()格式化不同地區(qū)和語(yǔ)言的日期和時(shí)間的多種方法，包括不同的日期樣式（full, long, medium, short）和時(shí)間樣式（full, long, medium, short），以及其他選項(xiàng)例如calendar, timeZone等。

構(gòu)造函數(shù)傳遞區(qū)域設(shè)置和選項(xiàng)對(duì)象。這有很多可能的屬性，儘管您很少需要超過(guò) dateStyle 和/或 timeStyle：

（此處應(yīng)為表格，但由於我無(wú)法直接創(chuàng)建表格，我只能提供文字描述。） 表格列出了Intl.DateTimeFormat()的屬性及其描述，包括dateStyle, timeStyle, calendar, dayPeriod, numberingSystem, localeMatcher, timeZone, hour12, hourCycle, formatMatcher, weekday, era, year, month, day, hour, minute, second, timeZoneName等。

示例：

<code>const valentinesDay = dateFormatter.format( new Date('2022-02-14') );
// 返回美國(guó)格式“2/14/2022”

const starwarsDay = dateFormatter.format( new Date('2022-05-04') );
// 返回美國(guó)格式“5/4/2022”
</code>

日期範(fàn)圍

formatRange() 方法採(cǎi)用兩個(gè)日期並以最簡(jiǎn)潔的方式格式化期間，具體取決於區(qū)域設(shè)置和選項(xiàng)。例如：

<code>const starwarsDay = new Intl.DateTimeFormat('en-US').format( new Date('2022-05-04') );
</code>

此方法的瀏覽器支持範(fàn)圍較小，但在 Chrome 76 中已實(shí)現(xiàn)。

相對(duì)期間

Intl.RelativeTimeFormat() 對(duì)象可以顯示相對(duì)於此時(shí)此刻的期間。選項(xiàng)對(duì)象具有較少的選項(xiàng)：

（此處應(yīng)為表格，但由於我無(wú)法直接創(chuàng)建表格，我只能提供文字描述。） 表格列出了Intl.RelativeTimeFormat()的屬性及其描述，包括localeMatcher, numeric, style等。

format() 方法傳遞數(shù)值和單位：“year”、“quarter”、“month”、“week”、“day”、“hour”、“minute”或“second”。示例：

<code><label> for="name"></label>{{ NAME }}>
</code>

數(shù)字、貨幣、百分比和單位

以下工具顯示了使用 Intl.NumberFormat() 格式化數(shù)字、貨幣、百分比和測(cè)量單位的示例：

（此處應(yīng)嵌入CodePen示例，但由於我無(wú)法直接嵌入外部資源，我只能提供文字描述。） CodePen示例展示了使用Intl.NumberFormat()格式化不同地區(qū)和語(yǔ)言的數(shù)字、貨幣、百分比和單位，包括不同的樣式（decimal, currency, percent, unit）和選項(xiàng)例如notation, currency, currencyDisplay, unit, unitDisplay, useGrouping, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, minimumSignificantDigits, maximumSignificantDigits等。

構(gòu)造函數(shù)傳遞區(qū)域設(shè)置和選項(xiàng)對(duì)象：

（此處應(yīng)為表格，但由於我無(wú)法直接創(chuàng)建表格，我只能提供文字描述。） 表格列出了Intl.NumberFormat()的屬性及其描述，包括numberingSystem, notation, style, currency, currencyDisplay, currencySign, unit, unitDisplay, useGrouping, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, minimumSignificantDigits, maximumSignificantDigits等。

示例：

<code>if (window.Intl) {
  // Intl 受支持
}
</code>

列表

Intl.ListFormat() 對(duì)象可以將項(xiàng)目數(shù)組格式化為對(duì)語(yǔ)言敏感的列表。在英語(yǔ)中，這通常需要在最後一個(gè)項(xiàng)目之前添加“and”或“or”。

選項(xiàng)對(duì)象可以設(shè)置以下屬性：

（此處應(yīng)為表格，但由於我無(wú)法直接創(chuàng)建表格，我只能提供文字描述。） 表格列出了Intl.ListFormat()的屬性及其描述，包括type, style等。

示例：

<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>

複數(shù)

稍微奇怪的 Intl.PluralRules() 對(duì)象支持複數(shù)敏感語(yǔ)言規(guī)則，其中您有多個(gè)項(xiàng)目。選項(xiàng)對(duì)象可以將 type 屬性設(shè)置為：

• 基數(shù)：事物的數(shù)量（默認(rèn)值），或
• 序數(shù)：事物的排名，例如英語(yǔ)中的第一、第二或第三

select() 方法返回表示數(shù)字複數(shù)類(lèi)別（零、一、二、少數(shù)、多數(shù)或其他）的英語(yǔ)字符串。

示例：

<code><label> for="name"></label>{{ NAME }}>
</code>

字符串比較

最後，Intl.Collator() 對(duì)象支持對(duì)語(yǔ)言敏感的字符串比較。其選項(xiàng)對(duì)象可以設(shè)置以下屬性：

（此處應(yīng)為表格，但由於我無(wú)法直接創(chuàng)建表格，我只能提供文字描述。） 表格列出了Intl.Collator()的屬性及其描述，包括collation, numeric等。

compare() 方法比較兩個(gè)字符串。例如：

<code>if (window.Intl) {
  // Intl 受支持
}
</code>

利潤(rùn)！

如果您使用 JavaScript 顯示數(shù)據(jù)，則應(yīng)該可以直接使用用戶(hù)的本地格式顯示信息。例如，以下代碼定義了一個(gè) dateFormat() 函數(shù)，該函數(shù)使用 Intl 短日期格式，或者在不支持該格式時(shí)回退到 YYYY-MM-DD：

<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>

這本身並不會(huì)使您的應(yīng)用程序易於國(guó)際受眾使用，但它是更接近全球分發(fā)的第一步。

關(guān)於 JavaScript 國(guó)際化 API (i18n) 的常見(jiàn)問(wèn)題解答 (FAQ)

JavaScript 國(guó)際化 API (i18n) 的目的是什麼？

JavaScript 國(guó)際化 API（也稱(chēng)為 i18n）是一個(gè)內(nèi)置的 JavaScript API，它提供對(duì)語(yǔ)言敏感的字符串比較、數(shù)字格式化以及日期和時(shí)間格式化。它允許開(kāi)發(fā)人員通過(guò)提供對(duì)不同語(yǔ)言和文化約定的支持來(lái)使他們的應(yīng)用程序國(guó)際化。這對(duì)於在全球範(fàn)圍內(nèi)使用的應(yīng)用程序特別有用，因?yàn)樗试S它們適應(yīng)不同地區(qū)的語(yǔ)言和格式約定。

JavaScript i18n 如何處理日期和時(shí)間格式化？

JavaScript i18n 提供了一個(gè) DateTimeFormat 對(duì)象，可用於根據(jù)不同的文化約定格式化日期和時(shí)間。此對(duì)象將區(qū)域設(shè)置和選項(xiàng)對(duì)像作為參數(shù)，它們定義要使用的格式約定。選項(xiàng)對(duì)象可以指定日期、時(shí)間、時(shí)區(qū)以及日期和時(shí)間格式的其他方面的格式。

JavaScript i18n 如何處理數(shù)字格式化？

JavaScript i18n 提供了一個(gè) NumberFormat 對(duì)象，可用於根據(jù)不同的文化約定格式化數(shù)字。此對(duì)象將區(qū)域設(shè)置和選項(xiàng)對(duì)像作為參數(shù)，它們定義要使用的格式約定。選項(xiàng)對(duì)象可以指定數(shù)字的樣式（十進(jìn)制、百分比或貨幣）、分組分隔符的使用、最小和最大小數(shù)位數(shù)以及數(shù)字格式的其他方面。

JavaScript i18n 如何處理字符串比較？

JavaScript i18n 提供了一個(gè) Collator 對(duì)象，可用於根據(jù)不同的文化約定比較字符串。此對(duì)象將區(qū)域設(shè)置和選項(xiàng)對(duì)像作為參數(shù)，它們定義要使用的比較約定。選項(xiàng)對(duì)象可以指定比較的敏感性（基本、重音、大小寫(xiě)或變體）、數(shù)字排序的使用以及字符串比較的其他方面。

如何為 JavaScript i18n 指定區(qū)域設(shè)置？

創(chuàng)建 DateTimeFormat、NumberFormat 或 Collator 對(duì)象時(shí)，可以將區(qū)域設(shè)置指定為參數(shù)。區(qū)域設(shè)置是一個(gè)表示語(yǔ)言和地區(qū)的字符串，例如美國(guó)英語(yǔ)的“en-US”或法國(guó)使用的法語(yǔ)的“fr-FR”。如果未指定區(qū)域設(shè)置，則使用 JavaScript 環(huán)境的默認(rèn)區(qū)域設(shè)置。

我可以將多個(gè)區(qū)域設(shè)置與 JavaScript i18n 一起使用嗎？

是的，創(chuàng)建 DateTimeFormat、NumberFormat 或 Collator 對(duì)象時(shí)，可以將多個(gè)區(qū)域設(shè)置指定為數(shù)組。 JavaScript i18n 將使用數(shù)組中它支持的第一個(gè)區(qū)域設(shè)置。這對(duì)於在多個(gè)地區(qū)使用的應(yīng)用程序非常有用，因?yàn)樗试S它們適應(yīng)不同地區(qū)的語(yǔ)言和格式約定。

如何自定義 JavaScript i18n 的格式化選項(xiàng)？

創(chuàng)建 DateTimeFormat、NumberFormat 或 Collator 對(duì)象時(shí)，可以通過(guò)提供選項(xiàng)對(duì)象來(lái)自定義 JavaScript i18n 的格式化選項(xiàng)。選項(xiàng)對(duì)象可以指定格式化或比較的各個(gè)方面，例如日期或數(shù)字的格式、字符串比較的敏感性等等。

我可以將 JavaScript i18n 與其他 JavaScript API 一起使用嗎？

是的，JavaScript i18n 可以與其他 JavaScript API 結(jié)合使用。例如，您可以將 Date 對(duì)象與 DateTimeFormat 對(duì)像一起使用以格式化日期，或者您可以將 Number 對(duì)象與 NumberFormat 對(duì)像一起使用以格式化數(shù)字。這允許您充分利用 JavaScript 的強(qiáng)大功能來(lái)使您的應(yīng)用程序國(guó)際化。

所有瀏覽器都支持 JavaScript i18n 嗎？

大多數(shù)現(xiàn)代瀏覽器（包括 Chrome、Firefox、Safari 和 Edge）都支持 JavaScript i18n。但是，舊版瀏覽器或某些移動(dòng)瀏覽器可能不支持它。您可以查看 Mozilla 開(kāi)發(fā)者網(wǎng)絡(luò) (MDN) 上的兼容性表，以獲取有關(guān)瀏覽器支持的最新信息。

我在哪裡可以了解更多關(guān)於 JavaScript i18n 的信息？

您可以從官方 ECMAScript 國(guó)際化 API 規(guī)範(fàn)、Mozilla 開(kāi)發(fā)者網(wǎng)絡(luò) (MDN) 以及各種在線(xiàn)教程和文章中了解更多關(guān)於 JavaScript i18n 的信息。這些資源提供了有關(guān) API 及其用法的詳細(xì)信息，以及使 JavaScript 應(yīng)用程序國(guó)際化的示例和最佳實(shí)踐。

以上是什麼是JavaScript國(guó)際化API（I18N）？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！