在JavaScript開發中,被人問到:null與undefined到底有啥差別? 一時間不好回答,特別是undefined,因為這牽涉到undefined的實作原理。
總所周知:null == undefined
但是:null !== undefined
那麼這兩者到底有啥區別呢?
null
這是一個對象,但是為空。因為是對象,所以 typeof null 返回 'object' 。
null 是 JavaScript 保留關鍵字。
null 參與數值運算時其值會自動轉換為0 ,因此,下列表達式計算後會得到正確的數值:
表達式:123 + null 結果值:123🀎 式表達式:0
undefined
undefined是全域物件(window)的一個特殊屬性,其值是未定義的。但 typeof undefined 回傳 'undefined' 。
雖然undefined是有特殊意義的,但它確實是一個屬性,而且是全域物件(window)的屬性。請看下面的程式碼:
alert('undefined' in window); //输出:true var anObj = {}; alert('undefined' 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變 量,來加快undefined的比較速度。例如:
function anyFunc() { var undefined; //自定义局部undefined变量 if(x == undefined) //作用域上的引用比较 while(y != undefined) //作用域上的引用比较 };
其中,定義undefined局部變數時,其初始值會是對window.undefined屬性值的參考。新定義的局部undefined變 量存在與該函數的作用域上。在隨後的比較操作中,JavaScript程式碼的書寫方式沒有任何的改變,但比較速度卻很快。因為作用域上的變數數量會遠遠少 於window物件的屬性,搜尋變數的速度會大大提高。
這就是許多前端JS框架為什麼常常要自己定義一個局部undefined變數的原因。