JavaScript JavaScript中null和undefined差別分析

一時間不好回答，特别是undefined，因為這涉及到undefined的實作原理。于是，細想之後，寫下本文，請各位大俠拍磚。 

總所周知：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('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變量的原因！