簡單說 JavaScript中的tostring( ) 與 valueOf( )方法

Gilbertat 發布于2019-08-29 13:44 / 1846人閱讀

摘要：日期類定義的方法會返回它的一個內部表示年月日以來的毫秒數。和應用的對象到原始值的轉換包含日期對象的一種特殊情形。簡單說與引發的思考簡單說通過的隱式轉換，關鍵時刻救你一命

說明

所有的對象都繼承有toString() 和 valueOf() 方法，對象到字符串，對象到數字的轉換，會通過調用待轉換對象的這兩個方法中的一個來完成。

解釋 toString( )方法的作用是：

返回一個反映這個對象的字符串，而很多類都定義了不同版本的toString( )。

({}.toString());       //=>  "[object Object]"   
[1,2].toString();      //=>  "1,2"   
true.toString();       //=>  "true"    
new Date(1970,0,1).toString();  //=>  "Thu Jan 01 1970 00:00:00 GMT+0800 (CST)"    

Error("一個錯誤信息").toString();    //=>  "Error: 一個錯誤信息"    

(function (x){return x}).toString();   //=>  "function (x){return x}"     

/d/.toString();    //=>  "/d/"  或者 "/d/" 瀏覽器不同返回也可能會不同

valueOf() 方法，它的作用是：

如果對象存在任意原始值，它就默認將對象轉換為表示它的原始值，如果對象是復合值，而且大多數對象無法真正表示為一個原始值，因此默認的valueOf( )方法簡單地返回對象本身，而不是返回一個原始值。

數組、函數、和正則表達式簡單的繼承了這個默認方法，調用這些類型的實例的valueOf( )方法只是簡答返回對象本身。

日期類定義的valueOf( )方法會返回它的一個內部表示：1970年1月1日以來的毫秒數。

[1,2].valueOf();  //=>  [1,2]  

(function (){}).valueOf();   //=>  function (){}

/d/.valueOf();    //=>  /d/  

new Date().valueOf();   //=>  1502941383029

原始值：不可變更的值，包括undefined、null、布爾值、數字、和字符串。
看下面這張圖，列出了一些基本的類型轉換，這張圖來自 JavaScript權威指南。

好了，我們現在已經了解toString( )方法和 valueOf( )方法了，下來我們來說說，對象到字符串和對象到數字的轉換。

對象到字符串的轉換：

1、如果對象具有toString( )方法，則調用這個方法。如果她返回一個原始值，JavaScript將這個值轉換為字符串（如果本身不是字符串的話），并返回這個字符串結果。
2、如果對象沒有toString( )方法，或者這個方法并不返回一個原始值，那么JavaScript會調用valueOf( )方法。如果存在這個方法，則JavaScript調用它。如果返回值是原始值，JavaScript將這個值轉換為字符串（如果本身不是字符串的話），并返回這個字符串結果。
3、否則，JavaScript無法從toString()或者valueOf( )獲得一個原始值，因此這時它將拋出一個類型錯誤異常。

對象到數字的轉換：

1、如果對象具有valueOf( )方法，后者返回一個原始值，則JavaScript將這個原始值轉換為數字（如果需要的話）并返回這個數字。
2、否則，如果對象具有toString( )方法，后者返回一個原始值，則JavaScript將其轉化并返回。
3、否則，JavaScript拋出一個類型錯誤異常。

所以這就解釋了，為什么空數組會被轉換為數字0，為什么具有單個元素的數組同樣會轉換成一個數字。
數組繼承了默認的valueOf( )方法，這個方法返回一個對象而不是一個原始值，因此，數組到數字的轉換則調用toString( )方法。空數組轉換為空字符串，空字符串轉換為數字0。
含有一個元素的數組轉換為字符串的結果和這個元素轉換字符串的結果一樣。
如果數組只包含一個數字元素，這個數字轉換為字符串，在轉換回數字。

JavaScript中的"+"運算符可以進行數學加法和字符串連接操作。如果它的其中一個操作數是對象，則JavaScript將使用特殊的方法將對象轉換為原始值，而不是使用其他算術運算符的方法執行對象到數字的轉換，"= ="相等運算符與此類似。如果將對象和一個原始值比較，則轉換將會遵照對象到原始值的轉換方式進行。

"+" 和 "= ="應用的對象到原始值的轉換包含日期對象的一種特殊情形。日期類是JavaScript語言核心中唯一的預先定義類型，它定義了有意義的向字符串和數字類型的轉換。
對于所有非日期的對象來說，對象到原始值的轉換基本上是對象到數字的轉換（首先調用valueOf( )），日期對象則使用對象到字符串的轉換模式，然而，這里的轉換和上文講述的并不完全一致：通過valueOf( )或者toString( )返回的原始值將被直接使用，而不會被強制轉換為數字或字符串。

和"= ="一樣，"<"運算符以及其他關系運算符也會做對象到原始值的轉換，但要除去日期對象的特殊情形：任何對象都會首先嘗試調用valueOf( )，然后調用toString( )。不管得到的原始值是否直接使用，它都不會進一步被轉換為數字或字符串。

總結

本文說了說 toString( )方法和 valueOf( )方法的基礎知識，文中的許多概念是出自JavaScript權威指南一書，大家可以多看看書。
如果這篇文章理解了，大家可以看看下面這兩篇文章，相信你會知道更多有趣的事。
簡單說 !![]==true 與 []==true 引發的思考
簡單說通過JS的隱式轉換，關鍵時刻救你一命

云服務器 GPU云服務器 tostring方法對象tostring方法簡單javascript javascript中的

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112673.html

簡單說 JavaScript中的tostring( ) 與 valueOf( )方法

摘要：日期類定義的方法會返回它的一個內部表示年月日以來的毫秒數。和應用的對象到原始值的轉換包含日期對象的一種特殊情形。簡單說與引發的思考簡單說通過的隱式轉換，關鍵時刻救你一命說明所有的對象都繼承有toString() 和 valueOf() 方法，對象到字符串，對象到數字的轉換，會通過調用待轉換對象的這兩個方法中的一個來完成。解釋 toString( )方法的作用是：返回一個反映這個...

ztyzz 2019-08-21 17:26 評論0 收藏0
簡單說 JavaScript中的tostring( ) 與 valueOf( )方法

摘要：日期類定義的方法會返回它的一個內部表示年月日以來的毫秒數。和應用的對象到原始值的轉換包含日期對象的一種特殊情形。簡單說與引發的思考簡單說通過的隱式轉換，關鍵時刻救你一命說明所有的對象都繼承有toString() 和 valueOf() 方法，對象到字符串，對象到數字的轉換，會通過調用待轉換對象的這兩個方法中的一個來完成。解釋 toString( )方法的作用是：返回一個反映這個...

tain335 2019-08-01 17:54 評論0 收藏0
掌握 Javascript 類型轉換：從規則開始

摘要：首先，為了掌握好類型轉換，我們要理解一個重要的抽象操作為什么說這是個抽象操作呢因為這是內部才會使用的操作，我們不會顯示調用到。基本規則中的類型轉換總是返回基本類型值，如字符串數字和布爾值，不會返回對象和函數。 Javascript 里的類型轉換是一個你永遠繞不開的話題，不管你是在面試中還是工作寫代碼，總會碰到這類問題和各種的坑，所以不學好這個那是不行滴。關于類型轉換我也看過不少的書和各...

mikyou 2019-08-23 17:59 評論0 收藏0
簡單說 !![]==true 與 []==true 引發的思考

摘要：簡單說中的與方法我們一句一句的看結果是邏輯非，會將操作數的布爾值求反，而就是類型轉換，將對應的類型轉換為型所以我們看一看，一次求反返回的就是，再求反返回的就是。原始值不可變更的值，包括布爾值數字和字符串。說明直接說出問題 !![] == true //結果是true [] == true //結果是false ![] == [] //結果是true 為什么會出現這種情...

lbool 2019-08-21 17:26 評論0 收藏0