if (!undefined) 
  console.log('undefined is false');
// undefined is false

if (!null) 
  console.log('null is false');
// null is false

undefined == null
// true

上面代碼說明，兩者的行為是何等相似！

既然undefined和null的含義與用法都差不多，為什么要同時設(shè)置兩個這樣的值，這不是無端增加JavaScript的復(fù)雜度，令初學(xué)者困擾嗎？Google公司開發(fā)的JavaScript語言的替代品Dart語言，就明確規(guī)定只有null，沒有undefined！

二、歷史原因

最近，我在讀新書《Speaking JavaScript》時，意外發(fā)現(xiàn)了這個問題的答案！
原來，這與JavaScript的歷史有關(guān)。1995年JavaScript誕生時，最初像Java一樣，只設(shè)置了null作為表示"無"的值。
根據(jù)C語言的傳統(tǒng)，null被設(shè)計成可以自動轉(zhuǎn)為0。

Number(null)
// 0

5 + null
// 5

但是，JavaScript的設(shè)計者Brendan Eich，覺得這樣做還不夠，有兩個原因。

首先，null像在Java里一樣，被當(dāng)成一個對象。但是，JavaScript的數(shù)據(jù)類型分成原始類型（primitive）和合成類型（complex）兩大類，Brendan Eich覺得表示"無"的值最好不是對象。

其次，JavaScript的最初版本沒有包括錯誤處理機(jī)制，發(fā)生數(shù)據(jù)類型不匹配時，往往是自動轉(zhuǎn)換類型或者默默地失敗。Brendan Eich覺得，如果null自動轉(zhuǎn)為0，很不容易發(fā)現(xiàn)錯誤。

因此，Brendan Eich又設(shè)計了一個undefined。

三、最初設(shè)計

JavaScript的最初版本是這樣區(qū)分的：null是一個表示"無"的對象，轉(zhuǎn)為數(shù)值時為0；undefined是一個表示"無"的原始值，轉(zhuǎn)為數(shù)值時為NaN。

Number(undefined)
// NaN

5 + undefined
// NaN

四、目前的用法

但是，上面這樣的區(qū)分，在實踐中很快就被證明不可行。目前，null和undefined基本是同義的，只有一些細(xì)微的差別。
null表示"沒有對象"，即該處不應(yīng)該有值。典型用法是：
（1）作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對象。
（2）作為對象原型鏈的終點(diǎn)。

Object.getPrototypeOf(Object.prototype)
// null

undefined表示"缺少值"，就是此處應(yīng)該有一個值，但是還沒有定義。典型用法是：

（1）變量被聲明了，但沒有賦值時，就等于undefined。
（2) 調(diào)用函數(shù)時，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined。
（3）對象沒有賦值的屬性，該屬性的值為undefined。
（4）函數(shù)沒有返回值時，默認(rèn)返回undefined。

var i;
i // undefined

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

var o = new Object();
o.p // undefined

var x = f();
x // undefined

下面做個小小的總結(jié)

null是JavaScript關(guān)鍵字，表示非對象。

undefined表示沒有值，說明這個值不存在或是沒有初始化。

相同點(diǎn)	不同點(diǎn)
自有類型唯一值	null是對象，undefined是保留字
沒有屬性和方法	null在參與數(shù)學(xué)運(yùn)算中轉(zhuǎn)化成0，undefined在數(shù)學(xué)運(yùn)算中無法轉(zhuǎn)化或是轉(zhuǎn)化成NaN
==認(rèn)為相等，===認(rèn)為不等	null !==undefined //true
都是假值，在布爾值變量表示值相同	null是空對象，undefined是window的屬性（但是不是對象屬性）
	alert(typeof null) // object ; alert(typeof undefined) // undefined ;