淺析Javascript中雙等號(hào)(==)隱性轉(zhuǎn)換機(jī)制
在Javascript中判斷相等關(guān)系有雙等號(hào)(==)和三等號(hào)(===)兩種。其中雙等號(hào)(==)是值相等,而三等號(hào)(===)是嚴(yán)格相等(值及類型是否完全相等)。
因此有幾個(gè)常識(shí)知識(shí):
1、對于string,number等基礎(chǔ)類型,==和===是有區(qū)別的
1)不同類型間比較,==之比較“轉(zhuǎn)化成同一類型后的值”看“值”是否相等,===如果類型不同,其結(jié)果就是不等
2)同類型比較,直接進(jìn)行“值”比較,兩者結(jié)果一樣
2、對于Array,Object等高級類型,==和===是沒有區(qū)別的
進(jìn)行“指針地址”比較
3、基礎(chǔ)類型與高級類型,==和===是有區(qū)別的
1)對于==,將高級轉(zhuǎn)化為基礎(chǔ)類型,進(jìn)行“值”比較
2)因?yàn)轭愋筒煌?==結(jié)果為false
換句話說,雙等號(hào)(==)在運(yùn)算的時(shí)候會(huì)進(jìn)行類型轉(zhuǎn)換,而三等號(hào)(===)則不會(huì)。
如:
alert('55' == 55); //true alert('55' === 55); //false
Javascript語言中五大基本數(shù)據(jù)類型(原始值,也叫簡單數(shù)據(jù)類型):即 Undefined、Null、Boolean、Number 和 String 型。由于這些原始類型占據(jù)的空間是固定的,所以可將他們存儲(chǔ)在較小的內(nèi)存區(qū)域 - 棧中。這樣存儲(chǔ)便于迅速查尋變量的值;
Javascript中使用雙等號(hào)(==)判斷相等的隱性轉(zhuǎn)換機(jī)制:
1,如果兩邊都是簡單類型:
1,1,兩邊都是簡單類型,且類型相同,則直接進(jìn)行比較。
console.log(1==1); //true console.log("1"=="1"); //true console.log(false==false); //true console.log(null==null); //true console.log(undefined==undefined); //true
1.2,兩邊都是簡單類型,類型不同,則先轉(zhuǎn)換為數(shù)字比較(其中Boolean只有兩個(gè)值:true==1,false==0;null與undefined相等;字符串?dāng)?shù)字等于數(shù)字值,空字符串""==0;)
console.log(1==true); //true console.log(0==false); //true console.log(1=="1"); //true console.log(0==""); //true console.log(0==null); //false console.log(0==undefined); //false console.log(null==undefined); //true
2,如果一邊是簡單類型,另一邊是引用類型(高級類型),則高級類型隱式轉(zhuǎn)換成簡單類型再比較。
console.log(Object==Object); //true console.log(Object=={}); //false console.log(0=={}); //false console.log(0==[]); //true console.log(Array==Array); //true console.log(Object==Array); //false
3,如果兩邊都是引用類型(高級類型),則進(jìn)行進(jìn)行“指針地址”比較。
重點(diǎn)-toString()和valueOf()
很多人看到這兩個(gè)方法的第一感覺就是,toString()方法將一個(gè)對象轉(zhuǎn)化為字符串,valueOf方法將一個(gè)對象轉(zhuǎn)化為數(shù)值。
這種想法很片面,我們通過以下兩個(gè)例子來看看:
var obj={ name:"熊仔其人", getName:function(){ return $(this).name; } }; console.log(obj.toString()); //[object Object]
定義一個(gè)obj對象,調(diào)用它的toString方法,返回值是[object Object],發(fā)現(xiàn)并未像我們想象的一樣返回值其內(nèi)容的字符串表示。
var arr=[1,2,3]; console.log(arr.valueOf()); //(3) [1, 2, 3]
定義一個(gè)數(shù)組arr,調(diào)用它的valueOf方法,返回值是[1, 2, 3],發(fā)現(xiàn)也并未像我們想象的一樣返回?cái)?shù)值類型的表示。
其實(shí)真正的理解是這樣的:調(diào)用對象的toString()方法可以將對象轉(zhuǎn)化為字符串,但是如果要轉(zhuǎn)化為字符串不一定是調(diào)用toString方法。
我們再看看下面的代碼。
var obj= { }; obj.valueOf=function(){ return 1; } obj.toString=function(){ return 2; } console.log(obj==1); //true var obj2= { }; obj2.valueOf=function(){ return 2; } obj2.toString=function(){ return 1; } console.log(obj2==1); //false var obj3={ }; obj3.valueOf=function(){ return []; } obj3.toString=function(){ return 1; } console.log(obj3==1); //true
上述代碼中我們定義了一個(gè)對象obj,obj2,定義了valueOf和toString方法的返回值,通過與1比較相等,發(fā)現(xiàn)其優(yōu)先調(diào)用了valueOf方法。
然后定義了一個(gè)對象obj3,定義了valueOf和toString方法的返回值,通過與1比較相等,發(fā)現(xiàn)其調(diào)用的是toString方法。
然后我們看下面一段代碼:
var obj= { }; obj.valueOf=function(){ return 'a'; } obj.toString=function(){ return 2; } console.log(obj=='a'); //true var obj2= { }; obj2.valueOf=function(){ return 'b'; } obj2.toString=function(){ return 'a'; } console.log(obj2=='a'); //false
上述代碼2中定義一個(gè)對象obj,通過與字符串'a'比較發(fā)現(xiàn)其調(diào)用的是valueOf方法。
然后對象obj2與'a'的比較返回false,發(fā)現(xiàn)其并未調(diào)用toString方法。
由此我們可以得出結(jié)論:
對象轉(zhuǎn)化為簡單類型時(shí)會(huì)優(yōu)先調(diào)用valueOf方法,如果可以與簡單值進(jìn)行比較則會(huì)直接比較,此時(shí)不再調(diào)用toString方法。如果調(diào)用valueOf方法后無法與簡單值進(jìn)行比較,則會(huì)再調(diào)用toString方法,最終得到比對的結(jié)果。
但是需要注意的一點(diǎn)是Date對象不滿足上述的規(guī)則,Date對象的toString和valueOf方法都是重新定義過的,默認(rèn)會(huì)調(diào)用toString方法。
PS:js的雙等號(hào)隱式轉(zhuǎn)換規(guī)則
使用雙等號(hào)進(jìn)行比較的時(shí)候,當(dāng)兩個(gè)操作數(shù)類型不一樣時(shí),雙等號(hào)會(huì)進(jìn)行一個(gè)隱式轉(zhuǎn)換,轉(zhuǎn)換成相同類型再比較,以下是轉(zhuǎn)換規(guī)則,在紅寶書P51頁都能查到。(自己總是忘記,還是感覺好記性不如爛筆頭,寫一寫總是影響深刻)
1、有一個(gè)操作數(shù)為布爾值,將布爾值轉(zhuǎn)換成數(shù)值再進(jìn)行比較,false為0,true為1.
2、一個(gè)為字符串,另一個(gè)為數(shù)字。將字符串轉(zhuǎn)換成數(shù)值再進(jìn)行比較。
3、一個(gè)操作符為對象,另一個(gè)不是對象,先利用 valueOf() 得到對象值得類型,再按照其他規(guī)則進(jìn)行比較。
總結(jié)
以上所述是小編給大家介紹的Javascript中雙等號(hào)(==)隱性轉(zhuǎn)換機(jī)制,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- JavaScript中三個(gè)等號(hào)和兩個(gè)等號(hào)你了解多少
- 細(xì)數(shù)JavaScript 一個(gè)等號(hào),兩個(gè)等號(hào),三個(gè)等號(hào)的區(qū)別
- JavaScript中三個(gè)等號(hào)和兩個(gè)等號(hào)的區(qū)別(== 和 ===)淺析
- 詳解JavaScript中雙等號(hào)引起的隱性類型轉(zhuǎn)換
- javascript等號(hào)運(yùn)算符使用詳解
- javascript中的=等號(hào)個(gè)數(shù)問題兩個(gè)跟三個(gè)有什么區(qū)別
- 淺析js中2個(gè)等號(hào)與3個(gè)等號(hào)的區(qū)別
- javascript 全等號(hào)運(yùn)算符使用說明
- 淺談JavaScript中等號(hào)、雙等號(hào)、 三等號(hào)的區(qū)別
相關(guān)文章
學(xué)習(xí)JavaScript設(shè)計(jì)模式(繼承)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式,其中重點(diǎn)介紹繼承,舉例說明為什么需要繼承,對繼承進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下2015-11-11JS promise 的回調(diào)和 setTimeout 的回調(diào)到底誰先執(zhí)行
本文主要介紹了JS promise 的回調(diào)和 setTimeout 的回調(diào)到底誰先執(zhí)行,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01微信小程序停止其他視頻播放當(dāng)前視頻的實(shí)例代碼
這篇文章主要介紹了微信小程序停止其他視頻播放當(dāng)前視頻的實(shí)例代碼,代碼簡單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12JavaScript常用數(shù)組元素搜索或過濾的四種方法詳解
這篇文章主要介紹了JavaScript常用數(shù)組元素搜索或過濾的四種方法,每種方式通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08PHPMyAdmin導(dǎo)入時(shí)提示文件大小超出PHP限制的解決方法
這篇文章主要介紹了PHPMyAdmin導(dǎo)入時(shí)提示文件大小超出PHP限制的解決方法,造成這個(gè)問題的原因是PHP上傳大小限制為2MB,修改PHP.ini配置即可解決這問題,需要的朋友可以參考下2015-03-03