JavaScript 對象轉(zhuǎn)換之toString和valueOf

eternalshallow 發(fā)布于2019-08-20 12:07 / 1201人閱讀

摘要：本章主要關(guān)注中間兩個的結(jié)果。一類型轉(zhuǎn)換如果方法存在并且返回原始類型，返回的結(jié)果。其他情況，拋出錯誤。二類型當需要使用時，如等，解釋器會嘗試將對象轉(zhuǎn)換成對象。三轉(zhuǎn)換在進行布爾比較的時候，比如等等，會進行布爾轉(zhuǎn)換。

開始這個話題之前，我們先看一下下面的幾個例子：

parseInt(0.0000004)  // 4
![]==[] //true
["x","y"] == "x,y" //true
alert({name:"mofei"})  //"[object Object]"

關(guān)于parseInt()的方法可以查看我之前的文章。本章主要關(guān)注中間兩個的結(jié)果。

一.String類型轉(zhuǎn)換

1.如果toString方法存在并且返回“原始類型”，返回toString的結(jié)果。
2.如果toString方法不存在或者返回的不是“原始類型”，調(diào)用valueOf方法，如果valueOf方法存在，并且返回“原始類型”數(shù)據(jù)，返回valueOf的結(jié)果。
3.其他情況，拋出錯誤。

二：Number類型

當需要使用Number時，（如Math.sin() ）等，解釋器會嘗試將對象轉(zhuǎn)換成Number對象。
通常有如下的情況會觸發(fā)Number轉(zhuǎn)換：
1.方法參數(shù)需要Number的時候，如Math.sin(obj)等
2.對比的時候，如 obj == "abc"
3.運算的時候，如 obj + 123
轉(zhuǎn)換規(guī)則如下：
1.如果valueOf存在，且返回“原始類型”數(shù)據(jù)，返回valueOf的結(jié)果。
2.如果toString存在，且返回“原始類型”數(shù)據(jù)，返回toString的結(jié)果。
3.其他情況報錯。

三：Boolean轉(zhuǎn)換

在進行布爾比較的時候，比如 if(obj) , while(obj)等等，會進行布爾轉(zhuǎn)換。
布爾轉(zhuǎn)換遵循如下規(guī)則：
值布爾值
true/false true/false
undefined,null false
Number0,NaN 對應(yīng) false, 其他的對應(yīng) true
String"" 對應(yīng)false, 其他對應(yīng)true（"0"對應(yīng)的是true）
Object true

舉個比較典型的例子：

[] == ![]  //true

// 首先第一步右邊的是邏輯判斷![]，所以先轉(zhuǎn)成boolean
// [] == !true
// [] == false
// 左邊不是原始類型，嘗試把左邊轉(zhuǎn)成原始類型，變成
// "" == false
// 轉(zhuǎn)成Number
// 0 == 0

總的來說，使用方法就是為了轉(zhuǎn)換類型：對象類型->基本類型然后進行基本類型的操作。