JavaScript中的null和undefined的差別

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