tostring 和 valueOf 函數(shù)是解決值的顯示和運算的問題。所有的 Object 類型的數(shù)據(jù)都自帶 toString 和 valueOf 函數(shù)。

比如我們定一個 Object 類型數(shù)據(jù)：

const obj = {
    name: "duxin"
}
console.log(obj.valueOf()); // { name: 'duxin' }

toString()

toString 函數(shù)的作用是把一個邏輯轉(zhuǎn)換為字符串，并且返回 Object 類型數(shù)據(jù)的 toString()默認(rèn)的返回值"[object Object]"。

如果我們在定義對象的時候，可以重寫 tosString 函數(shù)，這樣 toString 的返回值可讀性會更好一些，比如：

const obj = {
    name: "duxin",
    toString:function(){
        return this.name;
    }
}
console.log(obj.valueOf()); // { name: 'duxin' }
console.log(obj.toString()); // duxin

以下這些函數(shù)都是有自定義的 toString 函數(shù)：

• Array 的 toString 函數(shù)返回值是以逗號分隔的字符串；
• Function 的 toString 函數(shù)返回值是函數(shù)自身的文本定義；
• Date 的 toString 函數(shù)返回值是時間字符串；

在JavaScript中，Object，Array，F(xiàn)unction，Date等類型都實現(xiàn)了自定義的toString()函數(shù)。

• Object 類型數(shù)據(jù)的 toString() 函數(shù)默認(rèn)的返回結(jié)果是 “[object Object]”，當(dāng)我們自定義新的類時，可以重寫 toString() 函數(shù)，返回可讀性更高的結(jié)果。
• Array 的 toString() 函數(shù)返回值為以逗號分隔構(gòu)成的數(shù)組成員字符串。數(shù)組也是對象，那么為什么數(shù)組返回的是對應(yīng)的字符串而不是對象，其實數(shù)組覆蓋了Object.toString方法，然后將連接數(shù)組并返回一個字符串，其中包含用逗號分隔的每個數(shù)組元素（相當(dāng)于Array.join()）
• Function 的 toString() 函數(shù)返回值為函數(shù)的文本定義
• Date 的 toString() 函數(shù)返回值為具有可讀性的時間字符串

valueOf()

valueOf 函數(shù)返回引用類型的原始值，如果沒有原始值，就返回"{}"，就是空對象的字面量。

• Array的valueOf函數(shù)返回的值數(shù)組本身；
• Function的valueOf函數(shù)返回的是函數(shù)本身；
• Date的valueOf函數(shù)返回的值時間戳。

在發(fā)生數(shù)據(jù)類型轉(zhuǎn)換的時候，有l(wèi)iang兩種場景：

引用數(shù)據(jù)類型轉(zhuǎn)為String，先是調(diào)用toString函數(shù)，有值的話，就直接返回該字符串；如果對象沒有toString，那就調(diào)用valueOf函數(shù)，然后將原始值轉(zhuǎn)為字符串并且返回；如果toString或者valueOf都不能獲取原始值，那就拋出類型轉(zhuǎn)換異常；

var arr = [];
arr.toString = function () {
? ? ?console.log('調(diào)用了toString()函數(shù)');
? ? ?return [];
};
arr.valueOf = function () {
? ? ?console.log('調(diào)用了valueOf()函數(shù)');
? ? ?return [];
};
console.log(String(arr));

在執(zhí)行String(arr)的時候，是先將數(shù)組轉(zhuǎn)為字符串，調(diào)用的是toString，它的結(jié)果不能轉(zhuǎn)為string；

那就調(diào)用valueOf函數(shù)，它的返回值也是一個空數(shù)組，也不能轉(zhuǎn)為字符串，那就只能拋出類型轉(zhuǎn)換異常了。

引用類型在轉(zhuǎn)化為number的時候，首先會判斷對象是否含有valueOf函數(shù)，如果有，那就調(diào)用valueOf函數(shù)，把它的返回值轉(zhuǎn)為數(shù)字，然后返回；如果沒有valueOf函數(shù)，就調(diào)用toString函數(shù)，將返回值轉(zhuǎn)為數(shù)字并返回。如果toString或者valueOf都不能獲取到原始值的話，那就拋出類型轉(zhuǎn)換異常。

• Object 類型數(shù)據(jù)的valueOf()函數(shù)默認(rèn)的返回結(jié)果是"{}"，即一個空的對象字面量。
• Array 的valueOf()函數(shù)返回的是數(shù)組本身
• function 的valueOf()函數(shù)返回的是函數(shù)本身
• Date 的valueOf()函數(shù)返回的是指定日期的時間戳

小結(jié)：

• toString() 返回的是字符串，而 valueOf() 返回的是原始值，沒有原始值返回對象本身
• undefined 和 null 都沒有 toString() 和 valueOf() 方法
• Date 類型的 toString() 返回的表示時間的字符串；valueOf() 返回的是現(xiàn)在到1970年1月1日的毫秒數(shù)（時間戳）
• Number 類型的 toString() 方法可以接收轉(zhuǎn)換基數(shù)，返回不同進(jìn)制的字符串形式的數(shù)值；而 valueOf()方 法無法接受轉(zhuǎn)換基數(shù)

特殊情況

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

1、引用類型轉(zhuǎn)換為 String 類型

一個引用類型的數(shù)據(jù)在轉(zhuǎn)換為 String 類型時，一般是用于數(shù)據(jù)展示，轉(zhuǎn)換時遵循以下規(guī)則：

如果對象具有 toString() 函數(shù)，則會優(yōu)先調(diào)用 toString() 函數(shù)。如果它返回的是一個原始值，則會直接將這個原始值轉(zhuǎn)換為字符串表示，并返回該字符串。
反之，則會再去調(diào)用 valueOf() 函數(shù)，如果 valueOf() 函數(shù)返回的結(jié)果是一個原始值，則會將這個結(jié)果轉(zhuǎn)換為字符串表示，并返回該字符串。
如果通過 toString() 函數(shù)或者 valueOf() 函數(shù)都無法獲得一個原始值，則會直接拋出類型轉(zhuǎn)換異常。

2、引用類型轉(zhuǎn)換為 Number 類型

一個引用類型的數(shù)據(jù)在轉(zhuǎn)換為 Number 類型時，一般是用于數(shù)據(jù)運算，轉(zhuǎn)換時遵循以下規(guī)則：

如果對象具有 valueOf() 函數(shù)，則會優(yōu)先調(diào)用 valueOf() 函數(shù)，如果 valueOf() 函數(shù)返回一個原始值，則會直接將這個原始值轉(zhuǎn)換為數(shù)字表示，并返回該數(shù)字。
反之，則會再去調(diào)用 toString() 函數(shù)，如果 toString() 函數(shù)返回的結(jié)果是一個原始值，則會將這個結(jié)果轉(zhuǎn)換為數(shù)字表示，并返回該數(shù)字。
如果通過 toString() 函數(shù)或者 valueOf() 函數(shù)都無法獲得一個原始值，則會直接拋出類型轉(zhuǎn)換異常。

到此這篇關(guān)于js中toString()與valueOf()的使用的文章就介紹到這了,更多相關(guān)js toString() valueOf()內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論