?js中toString()函數與valueOf()函數怎么使用

本篇內容介紹了“ js中toString()函數與valueOf()函數怎么使用”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

 一、前言

在等于運算符中，如果比較的內容包含對象類型數據，則會涉及隱式轉換，那么就會調用toString()函數和valueOf()函數。

二、toString() 函數

toString() 函數的作用是把一個邏輯值轉換為字符串，并返回結果。

console.log((1).toString());//1
console.log((10).toString(2))//1010
console.log(("1").toString());//1
console.log((false).toString());//false
console.log(({p:1}).toString());//[object,object]
console.log((undefined).toString());//報錯
console.log((null).toString());//報錯
console.log((function(){}).toString());//function(){}
console.log([1,2,3,4].toString());//1,2,3,4
console.log((new Date()).toString())//Fri Jul 03 2020 17:20:11 GMT+0800 (中國標準時間)

在JavaScript中，Object，Array，Function，Date等類型都實現了自定義的toString()函數。

• Object 類型數據的 toString() 函數默認的返回結果是 "[object Object]"，當我們自定義新的類時，可以重寫 toString() 函數，返回可讀性更高的結果。

• Array 的 toString() 函數返回值為以逗號分隔構成的數組成員字符串。數組也是對象，那么為什么數組返回的是對應的字符串而不是對象，其實數組覆蓋了Object.toString方法，然后將連接數組并返回一個字符串，其中包含用逗號分隔的每個數組元素（相當于Array.join()）

• Function 的 toString() 函數返回值為函數的文本定義

• Date 的 toString() 函數返回值為具有可讀性的時間字符串

三、valueOf()函數

valueOf() 函數的作用是返回最適合引用類型的原始值，如果沒有原始值，則會返回引用類型自身。

console.log((1).valueOf());//1
console.log((10).valueOf(2))//報錯
console.log(("1").valueOf());//1
console.log((false).valueOf());//false
console.log(({p:1}).valueOf());//{p:1}
console.log((undefined).valueOf());//報錯
console.log((null).valueOf());//報錯
console.log((function(){}).valueOf());//function(){}
console.log([1,2,3,4].valueOf());//[1,2,3,4]
console.log((new Date()).valueOf());//1593767848260

• Object 類型數據的valueOf()函數默認的返回結果是"{}"，即一個空的對象字面量。

• Array 的valueOf()函數返回的是數組本身

• function 的valueOf()函數返回的是函數本身

• Date 的valueOf()函數返回的是指定日期的時間戳

小結：

• toString() 返回的是字符串，而 valueOf() 返回的是原始值，沒有原始值返回對象本身

• undefined 和 null 都沒有 toString() 和 valueOf() 方法

• Date 類型的 toString() 返回的表示時間的字符串；valueOf() 返回的是現在到1970年1月1日的毫秒數（時間戳）

• Number 類型的 toString() 方法可以接收轉換基數，返回不同進制的字符串形式的數值；而 valueOf()方 法無法接受轉換基數

四、特殊情況

如果一個引用類型的值既存在 toString() 函數又存在 valueOf() 函數，那么在做隱式轉換時，會調用哪個函數呢？這里我們可以概括成兩種場景，分別是引用類型轉換為 String 類型，以及引用類型轉換為 Number 類型。

1、引用類型轉換為 String 類型

一個引用類型的數據在轉換為 String 類型時，一般是用于數據展示，轉換時遵循以下規則：

• 如果對象具有 toString() 函數，則會優先調用 toString() 函數。如果它返回的是一個原始值，則會直接將這個原始值轉換為字符串表示，并返回該字符串。

• 反之，則會再去調用 valueOf() 函數，如果 valueOf() 函數返回的結果是一個原始值，則會將這個結果轉換為字符串表示，并返回該字符串。

• 如果通過 toString() 函數或者 valueOf() 函數都無法獲得一個原始值，則會直接拋出類型轉換異常。

2、引用類型轉換為 Number 類型

一個引用類型的數據在轉換為 Number 類型時，一般是用于數據運算，轉換時遵循以下規則：

• 如果對象具有 valueOf() 函數，則會優先調用 valueOf() 函數，如果 valueOf() 函數返回一個原始值，則會直接將這個原始值轉換為數字表示，并返回該數字。

• 反之，則會再去調用 toString() 函數，如果 toString() 函數返回的結果是一個原始值，則會將這個結果轉換為數字表示，并返回該數字。

• 如果通過 toString() 函數或者 valueOf() 函數都無法獲得一個原始值，則會直接拋出類型轉換異常。

“ js中toString()函數與valueOf()函數怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！