javascript中強制執行toString()具體實現

2019-11-20 22:45:48

字體：大中小

來源：轉載

供稿：網友

原文：Enforcing toString()
譯文：javascript 中強制執行 toString()
譯者：singleseeker
Javascript通常會根據方法或運算符的需要而自動把值轉成所需的類型，這可能導致各種錯誤。 Brian McKenna (@puffnfresh) suggests 提供了下列測試代碼：

復制代碼代碼如下:

 
Object.prototype.valueOf = function () { 
throw new Error('Use an explicit toString'); 
}; 
[/s/S ]*/n 
這些代碼會產生什么效果？ 你現在再也不能用加號運算符去把一個對像轉成一個字符串了： 
[code] 
> var obj = {}; 
> 'Hello '+obj 

Error: Use an explicit toString

復制代碼代碼如下:

 
> String(obj) 
'[object Object]' 
> obj.toString() 
'[object Object]' 
> 'Hello '+String(obj) 

'Hello [object Object]'這個又是怎么回事呢？要把一個對象轉成一個特定的基本類型 T，首先是它的值被轉化成基本類型，然后才是轉換成 T，前一個轉換由兩步完成：
1.調用 valueOf() 方法，如果返回一個基本類型，那么就結束
2.不然，調用方法 toString()。如果返回一個基本類型，那么結束
3.再不然，拋出錯誤
如果最后的轉換是個數值，會是上述調用 valueOf() 與 toString 的這個順序。
如果最后的轉換是字符串，那么 toString 會被先調用。加號運算符可能會被值轉成數值型或是字符串型，但它通常根據數字運算產生一個基本類型。
不用在文章開始發的代碼片段， Object.prototype.valueOf() 會返回這個對象本身，這個是從原生對象繼續來的沒有被重寫的方法：

復制代碼代碼如下:

 
> var obj = {}; 
> obj.valueOf() === obj 

true加號運算符最終會調用 toString()。上面的代碼片段阻止了調用，在能調用那個方法前拋出了錯誤。
注意這個錯誤信息并不總是完全正確。

復制代碼代碼如下:

> Number(obj)

Error: Use an explicit toString但是這一招扔然是有用的。
如果一個對象真想被轉化成數字，那么它無論如何還是要調用自己的 valueOf 方法。
@singleseeker羅嗦：這篇文章翻譯起來真心是想更種吐槽，知識點總結的倒是不錯，不過做為一個不是英語為母語的老外寫的英文技術文章交給我一個母語不是英語的菜鳥翻譯，著實夠折磨人。下面進行簡單的總結。
1.通常 valuOf() 指示返回一個未轉換的對象，也就是其本身
2.加號運算符除了 Date 對象外，幾乎全是先調用 valueof() 方法
3.如果使得 valueof() 返回一個明確的基本數值類型，那么當一個對象與字符串相加時，toString() 將不會被調用
參考
1.強制轉換對象（objects）為原始值（primitives）
2.JavaScript中,{}+{}等于多少?

上一篇：用jquery實現輸入框獲取焦點消失文字

下一篇：用客戶端js實現帶省略號的分頁

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注