JavaScript中Null與Undefined的區別解析_javascript技巧

在JavaScript中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會讓JavaScript的開發人員產生疑惑，什麼時候是Null，什麼時候又是Undefined?

Undefined型別只有一個值，即undefined。當宣告的變數尚未初始化時，變數的預設值為undefined。

Null型別也只有一個值，即null。 null用來表示尚未存在的對象，常用來表示函數企圖傳回一個不存在的物件。

複製程式碼 程式碼如下:

var oValue; 
alert(oValue == undefined); //output "true" 

這段程式碼顯示為true,代表oVlaue的值即為undefined，因為我們沒有初始化它。

複製程式碼 程式碼如下:

alert(null == document.getElementById('notExistElement')); 

當頁面上不存在id為"notExistElement"的DOM節點時，這段程式碼顯示為"true"，因為我們嘗試取得一個不存在的物件。

複製程式碼 程式碼如下:

alert(typeof undefined); //output "undefined" 
alert(typeof null); //output "object" 

第一行程式碼很容易理解，undefined的型別是Undefined；第二行程式碼卻讓人疑惑，為什麼null的型別又是Object了呢？其實這是JavaScript最初實現的一個錯誤，後來被ECMAScript沿用下來。在今天我們可以解釋為，null即是一個不存在的物件的佔位符，但是在實際編碼時還是要注意這一特性。

複製程式碼 程式碼如下:

alert(null == undefined); //output "true" 

ECMAScript認為undefined是從null衍生出來的，所以把它們定義為相等的。但是，如果在某些情況下，我們一定要區分這兩個值，那該怎麼辦呢？可以使用下面的兩種方法。

複製程式碼 程式碼如下:

alert(null === undefined); //output "false" 
alert(typeof null == typeof undefined); //output "false" 

使用typeof方法在前面已經講過，null與undefined的型別是不一樣的，所以輸出"false"。而===代表絕對等於，在這裡null === undefined輸出false。