javascript類型系統——undefined和null

原文：http://www.cnblogs.com/xiaohuochai/p/5665637.html  感謝原文作者

前面的話

　　一般的程序語言，表示空的只有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並不是一個關鍵字，其在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值表示一個空對象指針

　　[注意]null是空對象指針，而[]是空數組，{}是空對象，三者不相同

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

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

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

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

【類型轉換】

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