詳解JavaScript中雙等號引起的隱性類型轉(zhuǎn)換
引子
if語句應(yīng)該是程序員用的比較多的語句,很多時候都要進(jìn)行if判斷,if語句一般用雙等號來判斷前后兩個元素是否是一致的,假如是一致,那么返回是true,然后執(zhí)行下面的語句,否則,執(zhí)行別的語句。本文所說的隱性類型的轉(zhuǎn)換,說的是==引起的轉(zhuǎn)換。舉個簡單的例子,雙等號不是全等號,全等號是“===”三個等號,語句"1"==1,那么一般情況下是前面的字符串”1“轉(zhuǎn)換為數(shù)字1,然后進(jìn)行比較。通過這個例子應(yīng)該了解了什么是隱性類型的轉(zhuǎn)換了吧!
隱性類型轉(zhuǎn)換步驟
一、首先看雙等號前后有沒有NaN,如果存在NaN,一律返回false。
二、再看雙等號前后有沒有布爾,有布爾就將布爾轉(zhuǎn)換為數(shù)字。(false是0,true是1)
三、接著看雙等號前后有沒有字符串, 有三種情況:
1、對方是對象,對象使用toString()或者valueOf()進(jìn)行轉(zhuǎn)換;
2、對方是數(shù)字,字符串轉(zhuǎn)數(shù)字;(前面已經(jīng)舉例)
3、對方是字符串,直接比較;
4、其他返回false
四、如果是數(shù)字,對方是對象,對象取valueOf()或者toString()進(jìn)行比較, 其他一律返回false
五、null, undefined不會進(jìn)行類型轉(zhuǎn)換, 但它們倆相等
上面的轉(zhuǎn)換順序一定要牢記,面試的時候,經(jīng)常會出現(xiàn)類型的問題。
.toString()方法和.valueOf()方法數(shù)值轉(zhuǎn)換
通常情況下我們認(rèn)為,將一個對象轉(zhuǎn)換為字符串要調(diào)用toString()方法,轉(zhuǎn)換為數(shù)字要調(diào)用valueOf()方法,但是真正應(yīng)用的時候并沒有這么簡單,看如下代碼實(shí)例:
var obj = {
webName: "haorooms前端博客",
url:"www.dbjr.com.cn"
}
console.log(obj.toString()); //[object Object]
同理,我們再看valueOf()方法:
var arr = [1, 2, 3]; console.log(arr.valueOf());//[1, 2, 3]
從上面的代碼可以看出,valueOf()方法并沒有將對象轉(zhuǎn)換為能夠反映此對象的一個數(shù)字。相反,我們用toString()
var arr = [1, 2, 3]; console.log(arr.toString());//1,2,3
注:很多朋友認(rèn)為,轉(zhuǎn)換為字符串首先要調(diào)用toString()方法, 其實(shí)這是錯誤的認(rèn)識,我們應(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ù)值,那就會調(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)換過程是這樣的,首先arr會首先調(diào)用valueOf()方法,但是數(shù)字的此方法是簡單繼承而來,并沒有重寫(當(dāng)然這個重寫不是我們實(shí)現(xiàn)),返回值是數(shù)組對象本身,并不是一個值類型,所以就轉(zhuǎn)而調(diào)用toString()方法,于是就實(shí)現(xiàn)了轉(zhuǎn)換為字符串的目的。
小結(jié)
大多數(shù)對象隱式轉(zhuǎn)換為值類型都是首先嘗試調(diào)用valueOf()方法。但是Date對象是個例外,此對象的valueOf()和toString()方法都經(jīng)過精心重寫,默認(rèn)是調(diào)用toString()方法,比如使用+運(yùn)算符,如果在其他算數(shù)運(yùn)算環(huán)境中,則會轉(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
相關(guān)文章
如何用ajax來創(chuàng)建一個XMLHttpRequest對象
如何創(chuàng)建ajax代理對象? 我知道怎么做~就是不清楚怎么用語言表達(dá)?本文將詳細(xì)介紹如何解決此問題2012-12-12
深入解讀JavaScript中的Hoisting機(jī)制
這篇文章主要介紹了JavaScript中的Hoisting機(jī)制,涉及到JS中變量聲明的相關(guān)問題,需要的朋友可以參考下2015-08-08
Javascript實(shí)現(xiàn)異步編程的過程
這篇內(nèi)容詳細(xì)分析了Javascript實(shí)現(xiàn)異步編程的過程以及原理解釋,對此知識點(diǎn)有興趣的朋友可以學(xué)習(xí)下。2018-06-06
JS限制上傳圖片大小不使用控件在本地實(shí)現(xiàn)
文件上傳之前的檢測,通常是通過文件名來判斷文件類型是否合法,但是要想檢測文件的大小很難辦到,除非在本地或者使用控件。使用JS可以輕松解決詞問題,本文詳細(xì)介紹,需要了解的朋友可以參考下2012-12-12
js中parseFloat(參數(shù)1,參數(shù)2)定義和用法及注意事項(xiàng)
今天在看jquery時用到了parseFloat(第一個參數(shù),10),對這兩個參數(shù)很是疑惑,于是整理搜集了一下,曬出來與大家分享,希望本文對你有所幫助,感興趣的朋友可以了解下2013-01-01

