你不知道的JavaScript--Item12 undefined 與 null

當討論JavaScript中的原始數據類型時，大多數人都知道從String、Number到Boolean的基本知識。這些原始類型相當簡單，行動符合常識。但是，本文將更多關注獨特的原始數據類型Null和Undefined，是甚么讓它們如此類似，卻又似是而非。

1、理解null和undefined

在JavaScript中，null是字面量同時也是語言中的關鍵字，用來表示沒法辨認的對象值。換句話說，這用來表示“無值（no value）”，但你可以決定甚么時候得到期望值。

雖然類似，undefined實際上代表了不存在的值（non-existence of a value），也即你有東西丟失了。二者都是完全不可變的，沒有屬性和方法，也不能給其屬性賦值。事實上, 當你試圖訪問或定義null 與 undefined的1個屬性將會引發1個類型毛病（TypeError）。

沒有值代表的布爾值是false，這意味著他們在條件上下文中會被被計算為false，如if語句。使用相等操作符(= =)比較這兩個值和其他false值,他們其實不等于除自己：

null == 0; // false undefined == ""; // false null == false; // false undefined == false; // false null == undefined; // true

雖然如此，和其他類似的地方，但null和undefined其實不是等價的。每一個作為其獨特的類型的唯1成員,undefined是Undefined類型和null是Object類型。使用全等操作符（===）比較這兩個值，這要求類型和值都相等，下面證明這1點：

null === undefined; //false typeof null; //"object" typeof undefined; //"undefined"

上面說明：null 這是1個對象，但是為空。而且 null 是 JavaScript 保存關鍵字。

另外null 參與數值運算時其值會自動轉換為 0 ，因此，以下表達式計算后會得到正確的數值：

123 + null;　　　//123 123 * null;　　　//0

undefined是全局對象（window）的1個特殊屬性，其值是未定義的。但 typeof undefined 返回 ‘undefined’ 。
雖然undefined是有特殊含義的，但它確切是1個屬性，而且是全局對象（window）的屬性。請看下面的代碼：

alert(undefined in window);//輸出：true var anObj = {}; alert(undefined in anObj); //輸出：false

從中可以看出，undefined是window對象的1個屬性，但卻不是anObj對象的1個屬性。
注意：

• 雖然undefined是有特殊含義的屬性，但卻不是JavaScript的保存關鍵字。 undefined參與任何數值計算時，其結果1定是NaN。 隨意說1下，NaN是全局對象（window）的另外一個特殊屬性，Infinity也是。這些特殊屬性都不是JavaScript的保存關鍵字！

• 驗證1個值或1個對象為null時，需要用“===” 來判定，若只用“==”,則沒法判定是null 還是 undefined.

2、產生Undefined情況

有許多的方法產生1個undefined值的代碼。它通常遇到當試圖訪問1個不存在的值時。在這類情況下，在JavaScript這類動態的弱類型語言中，只會默許返回1個undefined值，而不是上升為1個毛病。

1、任何聲明變量時沒有提供1個初始值，都會有1個為undefined的默許值：

var foo; // 默許值為 undefined

2、當試圖訪問1個不存在的對象屬性或數組項時，返回1個undefined值：

var array = [1, 2, 3]; var foo = array.foo; // foo 屬性不存在, 返回 undefined var item = array[5]; // 數組中沒有索引為5的項，返回 undefined

3、如果省略了函數的返回語句, 或return語句未帶任何參數返回undefined：

var value = (function(){ })(); // 返回 undefined var value1 = (function(){ return; })(); // 返回 undefined

4、調用函數時，應當提供的參數沒有提供，該參數等于undefined

function f(x){ console.log(x) } f(); // undefined

最后，undefined是1個預定義的全局變量(不像null關鍵字)初始化為undefined值：

undefined in window; // true

ECMAScript 5中，這個變量是只讀的，之前并不是如此。

3、null的用例

null的用例是使他與眾不同的主要方面，由于不像undefined，null被認為是更有用。這正是為何typeof操作符作用于null值 時返回“object”。最初的理由是，現在依然是，通經常使用作1個空援用1個空對象的預期,就像1個占位符。typeof的這類行動已被確認為1個錯 誤，雖然提出了修正，出于后兼容的目的，這1點已保持不變。

1般來講,如果你需要給1個變量或屬性指定1個不變值，將它傳遞給1個函數，或從1個函數返回null，null幾近總是最好的選擇。簡而言之，JavaScript使用undefined并且程序員應當使用null。

null的另外一個可行的用例，也被認為是良好的實踐是1個顯式指定變量為無效(object= null)當1個援用不再是必須的。通過分配null值，有效地清除援用，并假定對象沒有援用其他代碼，指定垃圾搜集，確保回收內存。

4、提高undefined性能

當我們在程序中使用undefined值時，實際上使用的是window對象的undefined屬性。 一樣，當我們定義1個變量但未賦予其初始值，例如：

var aValue;

這時候，JavaScript在所謂的預編譯時會將其初始值設置為對window.undefined屬性的援用， 因而，當我們將1個變量或值與undefined比較時，實際上是與window對象的undefined屬性比較。這個比較進程中，JavaScript會搜索window對象名叫‘undefined’的屬性，然后再比較兩個操作數的援用指針是不是相同。

由于window對象的屬性值是非常多的，在每次與undefined的比較中，搜索window對象的undefined屬性都會花費時 間。在需要頻繁與undefined進行比較的函數中，這可能會是1個性能問題點。因此，在這類情況下，我們可以自行定義1個局部的undefined變 量，來加快對undefined的比較速度。例如：

function anyFunc() { var undefined; //自定義局部undefined變量 if(x == undefined) //作用域上的援用比較 while(y != undefined) //作用域上的援用比較 };

其中，定義undefined局部變量時，其初始值會是對window.undefined屬性值的援用。新定義的局部undefined變 量存在與該函數的作用域上。在隨后的比較操作中，JavaScript代碼的書寫方式沒有任何的改變，但比較速度卻很快。由于作用域上的變量數量會遠遠少 于window對象的屬性，搜索變量的速度會極大提高。

這就是許多前端JS框架為何常常要自己定義1個局部undefined變量的緣由！

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈