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

引子

if語句應該是程序員用的比較多的語句,很多時候都要進行if判斷,if語句一般用雙等號來判斷前后兩個元素是否是一致的,假如是一致,那么返回是true,然后執(zhí)行下面的語句,否則,執(zhí)行別的語句。本文所說的隱性類型的轉換,說的是==引起的轉換。舉個簡單的例子,雙等號不是全等號,全等號是“===”三個等號,語句"1"==1,那么一般情況下是前面的字符串”1“轉換為數(shù)字1,然后進行比較。通過這個例子應該了解了什么是隱性類型的轉換了吧!

隱性類型轉換步驟

一、首先看雙等號前后有沒有NaN,如果存在NaN,一律返回false。

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

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

1、對方是對象,對象使用toString()或者valueOf()進行轉換;

2、對方是數(shù)字,字符串轉數(shù)字;(前面已經(jīng)舉例)

3、對方是字符串,直接比較;

4、其他返回false

四、如果是數(shù)字,對方是對象,對象取valueOf()或者toString()進行比較, 其他一律返回false

五、null, undefined不會進行類型轉換, 但它們倆相等

上面的轉換順序一定要牢記,面試的時候,經(jīng)常會出現(xiàn)類型的問題。

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

通常情況下我們認為,將一個對象轉換為字符串要調用toString()方法,轉換為數(shù)字要調用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()方法并沒有將對象轉換為能夠反映此對象的一個數(shù)字。相反,我們用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()不是數(shù)值,那就會調用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()方法,但是數(shù)字的此方法是簡單繼承而來,并沒有重寫(當然這個重寫不是我們實現(xiàn)),返回值是數(shù)組對象本身,并不是一個值類型,所以就轉而調用toString()方法,于是就實現(xiàn)了轉換為字符串的目的。

小結

大多數(shù)對象隱式轉換為值類型都是首先嘗試調用valueOf()方法。但是Date對象是個例外,此對象的valueOf()和toString()方法都經(jīng)過精心重寫,默認是調用toString()方法,比如使用+運算符,如果在其他算數(shù)運算環(huán)境中,則會轉而調用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

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:詳解JavaScript中雙等號引起的隱性類型轉換

2025國考·省考課程試聽報名

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