最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

淺析Javascript中雙等號(==)隱性轉換機制

 更新時間:2017年10月27日 10:06:20   作者:熊仔其人  
這篇文章給大家詳細介紹了javascript中雙等號(==)隱性轉換機制,非常不錯,具有參考借鑒價值,需要的朋友參考下吧

在Javascript中判斷相等關系有雙等號(==)和三等號(===)兩種。其中雙等號(==)是值相等,而三等號(===)是嚴格相等(值及類型是否完全相等)。

因此有幾個常識知識:

1、對于string,number等基礎類型,==和===是有區(qū)別的

  1)不同類型間比較,==之比較“轉化成同一類型后的值”看“值”是否相等,===如果類型不同,其結果就是不等

  2)同類型比較,直接進行“值”比較,兩者結果一樣

2、對于Array,Object等高級類型,==和===是沒有區(qū)別的

  進行“指針地址”比較

3、基礎類型與高級類型,==和===是有區(qū)別的

  1)對于==,將高級轉化為基礎類型,進行“值”比較

  2)因為類型不同,===結果為false

換句話說,雙等號(==)在運算的時候會進行類型轉換,而三等號(===)則不會。

如:

alert('55' == 55); //true
alert('55' === 55); //false

Javascript語言中五大基本數(shù)據(jù)類型(原始值,也叫簡單數(shù)據(jù)類型):即 Undefined、Null、Boolean、Number 和 String 型。由于這些原始類型占據(jù)的空間是固定的,所以可將他們存儲在較小的內(nèi)存區(qū)域 - 棧中。這樣存儲便于迅速查尋變量的值;

Javascript中使用雙等號(==)判斷相等的隱性轉換機制:

1,如果兩邊都是簡單類型:

  1,1,兩邊都是簡單類型,且類型相同,則直接進行比較。

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,兩邊都是簡單類型,類型不同,則先轉換為數(shù)字比較(其中Boolean只有兩個值:true==1,false==0;null與undefined相等;字符串數(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,如果一邊是簡單類型,另一邊是引用類型(高級類型),則高級類型隱式轉換成簡單類型再比較。

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,如果兩邊都是引用類型(高級類型),則進行進行“指針地址”比較。

重點-toString()和valueOf()

很多人看到這兩個方法的第一感覺就是,toString()方法將一個對象轉化為字符串,valueOf方法將一個對象轉化為數(shù)值。

這種想法很片面,我們通過以下兩個例子來看看:

var obj={
  name:"熊仔其人",
  getName:function(){ return $(this).name; }
};
console.log(obj.toString()); //[object Object]

定義一個obj對象,調(diào)用它的toString方法,返回值是[object Object],發(fā)現(xiàn)并未像我們想象的一樣返回值其內(nèi)容的字符串表示。

var arr=[1,2,3];
console.log(arr.valueOf()); //(3) [1, 2, 3] 

定義一個數(shù)組arr,調(diào)用它的valueOf方法,返回值是[1, 2, 3],發(fā)現(xiàn)也并未像我們想象的一樣返回數(shù)值類型的表示。

其實真正的理解是這樣的:調(diào)用對象的toString()方法可以將對象轉化為字符串,但是如果要轉化為字符串不一定是調(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 

上述代碼中我們定義了一個對象obj,obj2,定義了valueOf和toString方法的返回值,通過與1比較相等,發(fā)現(xiàn)其優(yōu)先調(diào)用了valueOf方法。

然后定義了一個對象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中定義一個對象obj,通過與字符串'a'比較發(fā)現(xiàn)其調(diào)用的是valueOf方法。

然后對象obj2與'a'的比較返回false,發(fā)現(xiàn)其并未調(diào)用toString方法。

由此我們可以得出結論:

對象轉化為簡單類型時會優(yōu)先調(diào)用valueOf方法,如果可以與簡單值進行比較則會直接比較,此時不再調(diào)用toString方法。如果調(diào)用valueOf方法后無法與簡單值進行比較,則會再調(diào)用toString方法,最終得到比對的結果。

但是需要注意的一點是Date對象不滿足上述的規(guī)則,Date對象的toString和valueOf方法都是重新定義過的,默認會調(diào)用toString方法。

PS:js的雙等號隱式轉換規(guī)則

使用雙等號進行比較的時候,當兩個操作數(shù)類型不一樣時,雙等號會進行一個隱式轉換,轉換成相同類型再比較,以下是轉換規(guī)則,在紅寶書P51頁都能查到。(自己總是忘記,還是感覺好記性不如爛筆頭,寫一寫總是影響深刻)

1、有一個操作數(shù)為布爾值,將布爾值轉換成數(shù)值再進行比較,false為0,true為1.

2、一個為字符串,另一個為數(shù)字。將字符串轉換成數(shù)值再進行比較。

3、一個操作符為對象,另一個不是對象,先利用 valueOf() 得到對象值得類型,再按照其他規(guī)則進行比較。

總結

以上所述是小編給大家介紹的Javascript中雙等號(==)隱性轉換機制,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關文章

  • JavaScript Sort 的一個錯誤用法示例

    JavaScript Sort 的一個錯誤用法示例

    這篇文章主要介紹了JavaScript Sort 的一個錯誤用法示例,本文分析了一個Sort實例得到了這個錯誤用法并給出了解決方法,需要的朋友可以參考下
    2015-03-03
  • 原生JS實現(xiàn)圖片翻書效果

    原生JS實現(xiàn)圖片翻書效果

    本文給大家分享一段js代碼實現(xiàn)圖片翻書效果,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-02-02
  • 寫了個XML+Tree無窮樹js版

    寫了個XML+Tree無窮樹js版

    寫了個XML+Tree無窮樹js版...
    2007-09-09
  • layer彈出層 iframe層去掉滾動條的實例代碼

    layer彈出層 iframe層去掉滾動條的實例代碼

    今天小編就為大家分享一篇layer彈出層 iframe層去掉滾動條的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • ionic 自定義彈框效果

    ionic 自定義彈框效果

    這篇文章主要介紹了ionic 自定義彈框效果,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-06-06
  • 利用JS打造黑客代碼雨效果

    利用JS打造黑客代碼雨效果

    window.onload()方法用于在網(wǎng)頁加載完畢后立刻執(zhí)行的操作,即當 HTML 文檔加載完畢后,立刻執(zhí)行某個方法。本文將用window.onload()打造黑客代碼雨效果,感興趣的可以嘗試一下
    2022-06-06
  • js截取字符串的兩種方法及區(qū)別詳解

    js截取字符串的兩種方法及區(qū)別詳解

    本文是對js截取字符串的兩種方法及區(qū)別進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • JS獲取checkbox的個數(shù)簡單實例

    JS獲取checkbox的個數(shù)簡單實例

    下面小編就為大家?guī)硪黄狫S獲取checkbox的個數(shù)簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • webix+springmvc session超時跳轉登錄頁面

    webix+springmvc session超時跳轉登錄頁面

    這篇文章主要介紹了webix+springmvc session超時跳轉登錄頁面的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-10-10
  • bootstrap table使用入門基本用法

    bootstrap table使用入門基本用法

    這篇文章主要為大家詳細介紹了bootstrap table使用入門基本用法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05

最新評論

苍梧县| 伊宁市| 广西| 西吉县| 舟山市| 桂林市| 岫岩| 阜宁县| 襄汾县| 瑞金市| 麻城市| 柳江县| 兴国县| 卓资县| 方山县| 西盟| 英吉沙县| 招远市| 桦南县| 双鸭山市| 阿合奇县| 长岛县| 鲜城| 砚山县| 神农架林区| 南开区| 塔城市| 宜阳县| 固安县| 榆中县| 平凉市| 项城市| 军事| 宁津县| 城市| 汤原县| 乐安县| 延边| 葫芦岛市| 从化市| 巴林右旗|