快捷導(dǎo)航

詳解JavaScript中undefined與null的區(qū)別

更新時(shí)間：2014年03月29日 11:32:17 作者：

大多數(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，這兩種寫(xiě)法幾乎等價(jià)。
undefined和null在if語(yǔ)句中，都會(huì)被自動(dòng)轉(zhuǎn)為false，相等運(yùn)算符甚至直接報(bào)告兩者相等。

復(fù)制代碼代碼如下:

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。

復(fù)制代碼代碼如下:

Number(null)
// 0

5 + null
// 5

但是，JavaScript的設(shè)計(jì)者Brendan Eich，覺(jué)得這樣做還不夠，有兩個(gè)原因。
首先，null像在Java里一樣，被當(dāng)成一個(gè)對(duì)象。

復(fù)制代碼代碼如下:

typeof null
// "object"

但是，JavaScript的數(shù)據(jù)類(lèi)型分成原始類(lèi)型（primitive）和合成類(lèi)型（complex）兩大類(lèi)，Brendan Eich覺(jué)得表示"無(wú)"的值最好不是對(duì)象。
其次，JavaScript的最初版本沒(méi)有包括錯(cuò)誤處理機(jī)制，發(fā)生數(shù)據(jù)類(lèi)型不匹配時(shí)，往往是自動(dòng)轉(zhuǎn)換類(lèi)型或者默默地失敗。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。

復(fù)制代碼代碼如下:

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)。

復(fù)制代碼代碼如下:

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。

復(fù)制代碼代碼如下:

var i;
i // undefined

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

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

var x = f();
x // undefined

您可能感興趣的文章: