先看一些實際的例子：

```javascript

var oFormat = NumberFormat.getCurrencyInstance({
"currencyCode": false,
 "customCurrencies": {
"BTC": {
"symbol": "\u0243",
"decimals": 3
}
}
 });

oFormat.format(123.4567, "BTC"); // "Ƀ 123.457"
```

上面的例子，定義了一個名為 BTC 的自定義貨幣符號，同時用 decimals 指定小數點後的數位，以及貨幣符號的 unicode 編碼值。

執行結果如下：

![](https://img-blog.csdnimg.cn/img_convert/f1bc36b4946fbcc90d3ce51adaf75798.png)

另一個例子：

```javascript
var oFormat = NumberFormat.getCurrencyInstance({
	 "currencyCode": false,
	 "customCurrencies": {
	  "MyDollar": {
	 "isoCode": "USD",
	 "decimals": 3
	 },
	 "Bitcoin": {
	  "decimals": 2
	}
	 }
	});

// symbol looked up from global configuration
oFormat.format(123.4567, "MyDollar"); 
// "$123.457"

// no symbol available, custom currency key is rendered
oFormat.format(777.888, "Bitcoin"); // "Bitcoin 777.89"
```
我們來單步除錯檢視 format 函式的執行原理。

進入 Currency.js 的 formatValue 方法。輸入引數為 87.2 和 EUR：

![](https://img-blog.csdnimg.cn/img_convert/4458c405de29ba83efb905f59011a969.png)
目標型別為 string 字串，所以進入 case string 的分支：

```javascript
 */
	Currency.prototype.formatValue = function(vValue, sTargetType) {
		var aValues = vValue;
		if (vValue == undefined || vValue == null) {
			return null;
		}
		if (this.oInputFormat) {
			aValues = this.oInputFormat.parse(vValue);
		}
		if (!Array.isArray(aValues)) {
			throw new FormatException("Cannot format currency: " + vValue + " has the wrong format");
		}
		if ((aValues[0] == undefined || aValues[0] == null) && this.bShowNumber) {
			return null;
		}
		switch (this.getPrimitiveType(sTargetType)) {
			case "string":
				return this.oOutputFormat.format(aValues);
			default:
				throw new FormatException("Don't know how to format currency to " + sTargetType);
		}
	};
```
![](https://img-blog.csdnimg.cn/img_convert/44cddaab19c5a65c16ac512f81b744d6.png)

![](https://img-blog.csdnimg.cn/img_convert/6fd057be016dcd66dedc0a3eb58cddb5.png)

讀取 EUR 對應的 digit 數位：

![](https://img-blog.csdnimg.cn/img_convert/f256dfa3ba85dbdb1a5311e75e07a44f.png)

所有的格式都儲存在 LocaleData 裡：
![](https://img-blog.csdnimg.cn/img_convert/a0bbad0f9d01c7491ba4375c38f072c5.png)

![](https://img-blog.csdnimg.cn/img_convert/83e577d4f24afbeaf86f999a09e0f209.png)

找不到 EUR 對應的 digit 值：
![](https://img-blog.csdnimg.cn/img_convert/4b74ac5d0c88d424cd40602debb1ab49.png)
於是讀取 default 配置。如果 default 配置也為空，就返回預設的 2.

![](https://img-blog.csdnimg.cn/img_convert/49b1c5945ece3a6881bc039589f133fd.png)

default 值維護在此處：2
![](https://img-blog.csdnimg.cn/img_convert/8945a3bb3e49eb8827c25f43b48b6d56.png)

此處把 87 和 2 使用小數點分隔開，放到不同的變數裡分別儲存：

![](https://img-blog.csdnimg.cn/img_convert/a690e8cffb93ef7a6c5024482a833d0e.png)

```javascript
iDotPos = sNumber.indexOf(".");
		if (iDotPos > -1) {
			sIntegerPart = sNumber.substr(0, iDotPos);
			sFractionPart = sNumber.substr(iDotPos + 1);
		} else {
			sIntegerPart = sNumber;
		}
```

最終的格式化結果：87.20

![](https://img-blog.csdnimg.cn/img_convert/1cff62b5003b45fc164be6e39ea28af5.png)

看另一個例子：9.99999 EUR

![](https://img-blog.csdnimg.cn/img_convert/baa78e31c0ba38d8f38a2af875d71cab.png)

這裡 preserveDecimals 的值為 true，因此 9.99999 小數點後的五個 9，會被保留下來。

![](https://img-blog.csdnimg.cn/img_convert/d7f637f3b5cb7e89657be9981ec8eaa6.png)

如果我們把 preserveDecimals 的值改為 false，
![](https://img-blog.csdnimg.cn/img_convert/72314a32765356cd65d161fbfb7fcbaf.png)

最後顯示的值就四捨五入變成了 10.00：

![](https://img-blog.csdnimg.cn/img_convert/1c1aa3edbca60338a405dd1ed13aaf37.png)

SAP UI5 貨幣金額顯示的格式化邏輯

相關文章