詳解JavaScript中雙等號(hào)引起的隱性類型轉(zhuǎn)換
來(lái)源:易賢網(wǎng) 閱讀:714 次 日期:2016-06-17 16:38:10
溫馨提示:易賢網(wǎng)小編為您整理了“詳解JavaScript中雙等號(hào)引起的隱性類型轉(zhuǎn)換”,方便廣大網(wǎng)友查閱!

引子

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)前后有沒有NaN,如果存在NaN,一律返回false。

二、再看雙等號(hào)前后有沒有布爾,有布爾就將布爾轉(zhuǎn)換為數(shù)字。(false是0,true是1)

三、接著看雙等號(hào)前后有沒有字符串, 有三種情況:

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í)候并沒有這么簡(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()方法并沒有將對(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),并沒有重寫(當(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

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:詳解JavaScript中雙等號(hào)引起的隱性類型轉(zhuǎn)換
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國(guó)考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)