引子
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