首頁  >  文章  >  web前端  >  javascript中的null和undefined用法區別實例詳解

javascript中的null和undefined用法區別實例詳解

伊谢尔伦
伊谢尔伦原創
2017-07-18 14:07:141541瀏覽

判斷undefined和null: 

<span style="font-size: small;">var tmp = undefined; 
if (tmp== undefined) 
{ 
alert("null or undefined"); 
} </span>
<span style="font-size: small;">var tmp = undefined; 
if (tmp== null) 
{ 
alert("null or undefined"); 
}</span>

說明:null==undefined 

但是: 
null !== undefined 
那麼這兩者到底有啥區別呢? 
null 
這是一個對象,但是為空。因為是對象,所以 typeof null 返回 'object' 。 
null 是 JavaScript 保留關鍵字。
null 參與數值運算時其值會自動轉換為0 ,因此,下列表達式計算後會得到正確的數值: 
表達式:123 + null結果值:123 
表達式:123 * null結果值:0 
undefined 
undefined是全域物件(window)的一個特殊屬性,其值是未定義的。但 typeof undefined 回傳 'undefined' 。 
雖然undefined是有特殊意義的,但它確實是一個屬性,而且是全域物件(window)的屬性。

alert(&#39;undefined&#39; in window);//输出:true 
var anObj = {}; 
alert(&#39;undefined&#39; in anObj); //输出:false

從中可以看出,undefined是window物件的屬性,但卻不是anObj物件的屬性。 
注意:儘管undefined是有特殊意義的屬性,但卻不是JavaScript的保留關鍵字。 
undefined參與任何數值計算時,其結果一定是NaN。 
隨便說一下,NaN是全域物件(window)的另一個特殊屬性,Infinity也是。這些特殊屬性都不是JavaScript的保留關鍵字! 

提高undefined效能 
當我們在程式中使用undefined值時,實際上使用的是window物件的undefined屬性。
同樣,當我們定義一個變數但未賦予其初始值,例如: 
var aValue; 
這時,JavaScript在所謂的預編譯時會將其初始值設定為對window.undefined屬性的引用, 
於是,當我們將一個變數或值與undefined比較時,實際上是與window物件的undefined屬性比較。這個比較過程中,JavaScript會搜尋window物件名叫‘undefined'的屬性,然後再比較兩個運算元的引用指標是否相同。 
由於window物件的屬性值是非常多的,在每一次與undefined的比較中,搜尋window物件的undefined屬性都會花費時 間。在需要頻繁與undefined進行比較的函數中,這可能會是效能問題點。

其中,定義undefined局部變數時,其初始值會是對window.undefined屬性值的參考。新定義的局部undefined變 量存在與該函數的作用域上。在隨後的比較操作中,JavaScript程式碼的書寫方式沒有任何的改變,但比較速度卻很快。因為作用域上的變數數量會遠遠少 於window物件的屬性,搜尋變數的速度會大大提高。 
這就是為什麼許多前端JS框架為什麼要自己定義一個局部undefined變數的原因!

以上是javascript中的null和undefined用法區別實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn