前面的話

　　一般的程序語言，表示空的只有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

參考資料

【1】 阮一峰Javascript標準參考教程——語法概述 http://javascript.ruanyifeng.com/grammar/basic.html#toc21
【2】 W3School-Javascript高級教程——原始類型 http://www.w3school.com.cn/js/pro_js_primitivetypes.asp
【3】《javascript權威指南(第6版)》第3章 類型、值和變量
【4】《javascript高級程序設計(第3版)》第3章 基本概念

javascript類型系統——undefined和null