快捷導(dǎo)航

javascript中undefined與null的區(qū)別

更新時(shí)間：2015年08月16日 10:46:52 投稿：hebedich

在JavaScript中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會(huì)使JavaScript的開(kāi)發(fā)人員產(chǎn)生疑惑，在什么時(shí)候是Null，什么時(shí)候又是Undefined?

大多數(shù)計(jì)算機(jī)語(yǔ)言，有且僅有一個(gè)表示"無(wú)"的值，比如，C語(yǔ)言的NULL，Java語(yǔ)言的null，Python語(yǔ)言的None，Ruby語(yǔ)言的nil。

有點(diǎn)奇怪的是，JavaScript語(yǔ)言居然有兩個(gè)表示"無(wú)"的值：undefined和null。這是為什么？

一、相似性

在JavaScript中，將一個(gè)變量賦值為undefined或null，老實(shí)說(shuō)，幾乎沒(méi)區(qū)別。

var a = undefined;

var a = null;

上面代碼中，a變量分別被賦值為undefined和null，這兩種寫法幾乎等價(jià)。
undefined和null在if語(yǔ)句中，都會(huì)被自動(dòng)轉(zhuǎn)為false，相等運(yùn)算符甚至直接報(bào)告兩者相等。

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

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

undefined == null
// true

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

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

二、歷史原因

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

Number(null)
// 0

5 + null
// 5

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

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

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

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

三、最初設(shè)計(jì)

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

Number(undefined)
// NaN

5 + undefined
// NaN

四、目前的用法

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

Object.getPrototypeOf(Object.prototype)
// null

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

（1）變量被聲明了，但沒(méi)有賦值時(shí)，就等于undefined。
（2) 調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒(méi)有提供，該參數(shù)等于undefined。
（3）對(duì)象沒(méi)有賦值的屬性，該屬性的值為undefined。
（4）函數(shù)沒(méi)有返回值時(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

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

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

undefined表示沒(méi)有值，說(shuō)明這個(gè)值不存在或是沒(méi)有初始化。

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