詳解JavaScript中雙等號(hào)引起的隱性類型轉(zhuǎn)換

字號(hào):


    引子
    if語(yǔ)句應(yīng)該是程序員用的比較多的語(yǔ)句,很多時(shí)候都要進(jìn)行if判斷,if語(yǔ)句一般用雙等號(hào)來(lái)判斷前后兩個(gè)元素是否是一致的,假如是一致,那么返回是true,然后執(zhí)行下面的語(yǔ)句,否則,執(zhí)行別的語(yǔ)句。本文所說(shuō)的隱性類型的轉(zhuǎn)換,說(shuō)的是==引起的轉(zhuǎn)換。舉個(gè)簡(jiǎn)單的例子,雙等號(hào)不是全等號(hào),全等號(hào)是“===”三個(gè)等號(hào),語(yǔ)句"1"==1,那么一般情況下是前面的字符串”1“轉(zhuǎn)換為數(shù)字1,然后進(jìn)行比較。通過(guò)這個(gè)例子應(yīng)該了解了什么是隱性類型的轉(zhuǎn)換了吧!
    隱性類型轉(zhuǎn)換步驟
    一、首先看雙等號(hào)前后有沒(méi)有NaN,如果存在NaN,一律返回false。
    二、再看雙等號(hào)前后有沒(méi)有布爾,有布爾就將布爾轉(zhuǎn)換為數(shù)字。(false是0,true是1)
    三、接著看雙等號(hào)前后有沒(méi)有字符串, 有三種情況:
    1、對(duì)方是對(duì)象,對(duì)象使用toString()或者valueOf()進(jìn)行轉(zhuǎn)換;
    2、對(duì)方是數(shù)字,字符串轉(zhuǎn)數(shù)字;(前面已經(jīng)舉例)
    3、對(duì)方是字符串,直接比較;
    4、其他返回false
    四、如果是數(shù)字,對(duì)方是對(duì)象,對(duì)象取valueOf()或者toString()進(jìn)行比較, 其他一律返回false
    五、null, undefined不會(huì)進(jìn)行類型轉(zhuǎn)換, 但它們倆相等
    上面的轉(zhuǎn)換順序一定要牢記,面試的時(shí)候,經(jīng)常會(huì)出現(xiàn)類型的問(wèn)題。
    .toString()方法和.valueOf()方法數(shù)值轉(zhuǎn)換
    通常情況下我們認(rèn)為,將一個(gè)對(duì)象轉(zhuǎn)換為字符串要調(diào)用toString()方法,轉(zhuǎn)換為數(shù)字要調(diào)用valueOf()方法,但是真正應(yīng)用的時(shí)候并沒(méi)有這么簡(jiǎn)單,看如下代碼實(shí)例:
    var obj = {
     webName: "haorooms前端博客",
     url:"www.jb51.net"
    }
    console.log(obj.toString()); //[object Object]
    同理,我們?cè)倏磛alueOf()方法:
    var arr = [1, 2, 3];
    console.log(arr.valueOf());//[1, 2, 3]
    從上面的代碼可以看出,valueOf()方法并沒(méi)有將對(duì)象轉(zhuǎn)換為能夠反映此對(duì)象的一個(gè)數(shù)字。相反,我們用toString()
    var arr = [1, 2, 3];
    console.log(arr.toString());//1,2,3
    注:很多朋友認(rèn)為,轉(zhuǎn)換為字符串首先要調(diào)用toString()方法, 其實(shí)這是錯(cuò)誤的認(rèn)識(shí),我們應(yīng)該這么理解,調(diào)用toString()方法可以轉(zhuǎn)換為字符串,但不一定轉(zhuǎn)換字符串就是首先調(diào)用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
    上面代碼我們可以看出,轉(zhuǎn)換首先調(diào)用的是valueOf(),假如valueOf()不是數(shù)值,那就會(huì)調(diào)用toString進(jìn)行轉(zhuǎn)換!
    var arr = {};
    arr.valueOf = function () { return "1"; }
    arr.toString = function () { return "2"; }
    console.log(arr == "1");//true
    假如"1"是字符串,那么它首先調(diào)用的還是valueOf()。
    var arr = [2];
    console.log(arr + "1");//21
    上面的例子,調(diào)用的是toString();因?yàn)閍rr.toString()之后是2。
    轉(zhuǎn)換過(guò)程是這樣的,首先arr會(huì)首先調(diào)用valueOf()方法,但是數(shù)字的此方法是簡(jiǎn)單繼承而來(lái),并沒(méi)有重寫(當(dāng)然這個(gè)重寫不是我們實(shí)現(xiàn)),返回值是數(shù)組對(duì)象本身,并不是一個(gè)值類型,所以就轉(zhuǎn)而調(diào)用toString()方法,于是就實(shí)現(xiàn)了轉(zhuǎn)換為字符串的目的。
    小結(jié)
    大多數(shù)對(duì)象隱式轉(zhuǎn)換為值類型都是首先嘗試調(diào)用valueOf()方法。但是Date對(duì)象是個(gè)例外,此對(duì)象的valueOf()和toString()方法都經(jīng)過(guò)精心重寫,默認(rèn)是調(diào)用toString()方法,比如使用+運(yùn)算符,如果在其他算數(shù)運(yùn)算環(huán)境中,則會(huì)轉(zhuǎn)而調(diào)用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