前面的話

　　一般的程式語言，表示空的只有null，但javascript的設計者Brendan Eich卻設計了一個undefined，這無疑增加了程式複雜度，但這樣做也是有一定原因的。本文將詳細介紹javascript中的undefined和null

歷史原因

　　1995年javascript誕生時，最初像Java一樣，只設置了null作為表示”無”的值。根據C語言的傳統，null被設計成可以自動轉為0

　　但是，javascript的設計者Brendan Eich，覺得這樣做還不夠，有兩個原因。首先，null像在Java裡一樣，被當成一個物件。但是，javascript的值分成原始型別和物件型別兩大類，Brendan Eich覺得表示”無”的值最好不是物件。其次，javascript的最初版本沒有包括錯誤處理機制，發生資料型別不匹配時，往往是自動轉換型別或者默默地失敗。Brendan Eich覺得，如果null自動轉為0，很不容易發現錯誤

　　因此，Brendan Eich又設計了一個undefined。他是這樣區分的：null是一個表示”無”的物件，轉為數值時為0；undefined是一個表示”無”的原始值，轉為數值時為NaN

　　但是，目前null和undefined基本是同義的，都是原始型別，且只有一些細微的差別

undefined

　　Undefined型別只有一個值，就是undefined。當宣告的變數未初始化時，該變數的預設值是undefined。所以一般地，undefined表示變數沒有初始化

var test;//undefined
console.log(test == undefined);//true
 

var test = undefined;//undefined

　　對於尚未宣告過的變數只能執行一項操作，使用typeof操作符檢測其資料型別，但嚴格模式下會導致錯誤

typeof(test);//undefined

【出現場景】

　　【1】已宣告未賦值的變數

　　【2】獲取物件不存在的屬性

　　【3】無返回值的函式的執行結果

　　【4】函式的引數沒有傳入

　　【5】void(expression)

var i;
console.log(i);//undefined

var o = {};
console.log(o.p);//undefined

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

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

console.log(void(0));//undefined

【型別轉換】

Boolean(undefined):　 false
Number(undefined):　  NaN
String(undefined):　　'undefined'    

【型別鑑別】

　　 鑑別undefined型別，使用typeof運算子即可

console.log(typeof undefined);//'undefined'
console.log(typeof 'undefined');//'string'

　　[注意]由於undefined並不是一個關鍵字，其在IE8-瀏覽器中會被重寫，在高版本函式作用域中也會被重寫；所以可以用void 0 來替換undefined

var undefined = 10;
console.log(undefined);//IE8-瀏覽器下為10，高版本瀏覽器下為undefined

function t(){
    var undefined = 10;
    console.log(undefined);
}
console.log(t());//所有瀏覽器下都是10

null

　　Null型別只有一個值，就是null。null是javascript語言的關鍵字，它表示一個特殊值，常用來描述"空值"

　　邏輯角度看，null值表示一個空物件指標

console.log(document.getElementById('test'));//null

　　[注意]null是空物件指標，而[]是空陣列，{}是空物件，三者不相同

console.log(typeof null);//'object'

　　不同的物件在底層都表示為二進位制，在javascript中二進位制前三位都為0會被判斷為object型別，null的二進位制表示是全0，所以執行typeof時返回'object'

　　儘管null和undefined是不同的，但它們都表示"值的空缺"，null表示"空值"，undefined表示"未定義"。兩者往往可以互換。判斷相等運算子==認為兩者是相等的

console.log(null == undefined);//true

　　實際上，因為undefined和null不是構造器型別，所以它們沒有任何的屬性和方法，使用.和[]來存取這兩個值的成員或方法都會產生一個型別錯誤

【型別轉換】

Boolean(null): 　　false
Number(null):　　  0
String(null): 　　 'null'

 【型別鑑別】

　　鑑別null型別，使用typeof運算子不可行，因為該運算子會返回'object'，null被認為是空物件指標

　　判斷一個值是否為null型別的最佳方法是直接和null進行恆等比較

console.log(typeof null);//'object'
console.log(null === null);//true
console.log(undefined === null);//false
console.log('null' === null);//false

參考資料