詳細解讀JavaScript中雙等號所引起的隱性類型轉換（圖文教學）

JavaScript中由==判斷所引起的轉換會引發解釋器的一些列執行步驟,接下來我們就來詳解JavaScript中雙等號引起的隱性類型轉換,需要的朋友可以參考下

引子

if語句應該是程式設計師用的比較多的語句，很多時候都要進行if判斷，if語句一般用雙等號來判斷前後兩個元素是否是一致的，假如是一致，那麼回傳是true，然後執行下面的語句，否則，執行別的語句。本文所說的隱性類型的轉換，說的是==引起的轉換。舉個簡單的例子，雙等號不是全等號，全等號是「===」三個等號，語句"1"==1，那麼一般情況下是前面的字串」1「轉換為數字1，然後進行比較。透過這個例子應該了解了什麼是隱性類型的轉換了吧！

隱性類型轉換步驟

一、先看雙等號前後有沒有NaN，如果有NaN，一律回傳false。

二、再看雙等號前後有沒有布爾，有布爾就將布爾轉換為數字。 （false是0，true是1）

三、接著看雙等號前後有沒有字串, 有三種情況：

1、對方是對象，對象使用toString()或者valueOf()進行轉換；
2、對方是數字，字串轉數字；（前面已經舉例）
3、對方是字串，直接比較；
4、其他回傳false
四、如果是數字，對方是對象，對象取valueOf()或toString()比較, 其他一律回傳false

五、null, undefined不會進行型別轉換, 但它們兩個相等

上面的轉換順序一定要牢記，面試的時候，常常會出現類型的問題。

.toString()方法和.valueOf()方法數值轉換

通常我們認為，將一個物件轉換為字串要呼叫toString()方法，轉換為數字要呼叫valueOf()方法，但真正應用的時候並沒有這麼簡單，看如下程式碼實例:

var obj = {
 webName: "haorooms前端博客",
 url:"www.jb51.net"
}
console.log(obj.toString()); //[object Object]

同理，我們再看valueOf()方法：

var arr = [1, 2, 3];
console.log(arr.valueOf());//[1, 2, 3]

從上面的程式碼可以看出，valueOf()方法並沒有將物件轉換為能夠反映此物件的一個數字。相反，我們用toString()

var arr = [1, 2, 3];
console.log(arr.toString());//1,2,3

註：很多朋友認為，轉換成字串首先要呼叫toString()方法， 其實這是錯誤的認識，我們應該這麼理解，呼叫toString()方法可以轉換為字串，但不一定轉換字串就是先呼叫toString()方法。

我們看下面程式碼：

var arr = {};
arr.valueOf = function () { return 1; }
arr.toString = function () { return 2; }
console.log(arr == 1);//true

var arr = {};
arr.valueOf = function () { return []; }
arr.toString = function () { return 1; }
console.log(arr == 1);//true

上面程式碼我們可以看出，轉換首先呼叫的是valueOf()，假如valueOf()不是數值，那就會呼叫toString來轉換！

var arr = {};
arr.valueOf = function () { return "1"; }
arr.toString = function () { return "2"; }
console.log(arr == "1");//true

假如"1"是字串，那麼它首先呼叫的還是valueOf()。

var arr = [2];
console.log(arr + "1");//21

上面的例子，呼叫的是toString（）;因為arr.toString（）之後是2。

轉換過程是這樣的，首先arr會先呼叫valueOf()方法，但是數字的此方法是簡單繼承而來，並沒有重寫（當然這個重寫不是我們實作），傳回值是陣列物件本身，並不是一個值類型，所以就轉而呼叫toString()方法，於是就實現了轉換為字串的目的。

小結

大多數物件隱式轉換為值型別都是先嘗試呼叫valueOf()方法。但是Date物件是個例外，此物件的valueOf()和toString()方法都經過精心重寫，預設是呼叫toString()方法，例如使用運算符，如果在其他算數運算環境中，則會轉而呼叫valueOf ()方法。

var date = new Date();
console.log(date + "1"); //Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1
console.log(date + 1);//Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1
console.log(date - 1);//1460886888556
console.log(date * 1);//1460886888557

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

深入解析JavaScript中的arguments物件（圖文教學）

JavaScript_object基礎入門(必看篇) （圖文教學）

詳細解讀javascript客戶端事件驅動（圖文教學）

以上是詳細解讀JavaScript中雙等號所引起的隱性類型轉換（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！