1. 程式人生 > >JS 中undefined和null的區別

JS 中undefined和null的區別

在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",因為我們嘗試獲取一個不存在的物件。

順便說下,如果用jQuery選擇器的話$("#notExistElment")是一個object

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。