解剖JavaScript中的null和undefined

    在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變數的原因！

 

原著：李戰(leadzen).杭州-阿里軟體 2009-2-18
原址：http://blog.csdn.net/leadzen/archive/2009/02/17/3899392.aspx
【轉載請註明作者及出處】