null 和 undefined

概述

null與undefined都可以表示“沒(méi)有”，含義非常相似。將一個(gè)變量賦值為undefined或null，老實(shí)說(shuō)，語(yǔ)法效果幾乎沒(méi)區(qū)別。

var a = undefined;
// 或者
var a = null;

上面代碼中，變量a分別被賦值為undefined和null，這兩種寫(xiě)法的效果幾乎等價(jià)。

在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

從上面代碼可見(jiàn)，兩者的行為是何等相似！谷歌公司開(kāi)發(fā)的 JavaScript 語(yǔ)言的替代品 Dart 語(yǔ)言，就明確規(guī)定只有null，沒(méi)有undefined！

既然含義與用法都差不多，為什么要同時(shí)設(shè)置兩個(gè)這樣的值，這不是無(wú)端增加復(fù)雜度，令初學(xué)者困擾嗎？這與歷史原因有關(guān)。

1995年 JavaScript 誕生時(shí)，最初像 Java 一樣，只設(shè)置了null表示"無(wú)"。根據(jù) C 語(yǔ)言的傳統(tǒng)，null可以自動(dòng)轉(zhuǎn)為0。

Number(null) // 0
5 + null // 5

上面代碼中，null轉(zhuǎn)為數(shù)字時(shí)，自動(dòng)變成0。

但是，JavaScript 的設(shè)計(jì)者 Brendan Eich，覺(jué)得這樣做還不夠。首先，第一版的 JavaScript 里面，null就像在 Java 里一樣，被當(dāng)成一個(gè)對(duì)象，Brendan Eich 覺(jué)得表示“無(wú)”的值最好不是對(duì)象。其次，那時(shí)的 JavaScript 不包括錯(cuò)誤處理機(jī)制，Brendan Eich 覺(jué)得，如果null自動(dòng)轉(zhuǎn)為0，很不容易發(fā)現(xiàn)錯(cuò)誤。

因此，他又設(shè)計(jì)了一個(gè)undefined。區(qū)別是這樣的：null是一個(gè)表示“空”的對(duì)象，轉(zhuǎn)為數(shù)值時(shí)為0；undefined是一個(gè)表示"此處無(wú)定義"的原始值，轉(zhuǎn)為數(shù)值時(shí)為NaN。

Number(undefined) // NaN
5 + undefined // NaN

用法和含義

對(duì)于null和undefined，大致可以像下面這樣理解。

null表示空值，即該處的值現(xiàn)在為空。調(diào)用函數(shù)時(shí)，某個(gè)參數(shù)未設(shè)置任何值，這時(shí)就可以傳入null，表示該參數(shù)為空。比如，某個(gè)函數(shù)接受引擎拋出的錯(cuò)誤作為參數(shù)，如果運(yùn)行過(guò)程中未出錯(cuò)，那么這個(gè)參數(shù)就會(huì)傳入null，表示未發(fā)生錯(cuò)誤。

undefined表示“未定義”，下面是返回undefined的典型場(chǎng)景。

// 變量聲明了，但沒(méi)有賦值
var i;
i // undefined

// 調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒(méi)有提供，該參數(shù)等于 undefined
function f(x) {
  return x;
}
f() // undefined

// 對(duì)象沒(méi)有賦值的屬性
var  o = new Object();
o.p // undefined

// 函數(shù)沒(méi)有返回值時(shí)，默認(rèn)返回 undefined
function f() {}
f() // undefined

布爾值

布爾值代表“真”和“假”兩個(gè)狀態(tài)?！罢妗庇藐P(guān)鍵字true表示，“假”用關(guān)鍵字false表示。布爾值只有這兩個(gè)值。

下列運(yùn)算符會(huì)返回布爾值：

• 前置邏輯運(yùn)算符： ! (Not)
• 相等運(yùn)算符：===，!==，==，!=
• 比較運(yùn)算符：>，>=，<，<=

如果 JavaScript 預(yù)期某個(gè)位置應(yīng)該是布爾值，會(huì)將該位置上現(xiàn)有的值自動(dòng)轉(zhuǎn)為布爾值。轉(zhuǎn)換規(guī)則是除了下面六個(gè)值被轉(zhuǎn)為false，其他值都視為true。

• undefined
• null
• false
• 0
• NaN
• ""或''（空字符串）

布爾值往往用于程序流程的控制，請(qǐng)看一個(gè)例子。

if ('') {
  console.log('true');
}
// 沒(méi)有任何輸出

上面代碼中，if命令后面的判斷條件，預(yù)期應(yīng)該是一個(gè)布爾值，所以 JavaScript 自動(dòng)將空字符串，轉(zhuǎn)為布爾值false，導(dǎo)致程序不會(huì)進(jìn)入代碼塊，所以沒(méi)有任何輸出。

注意，空數(shù)組（[]）和空對(duì)象（{}）對(duì)應(yīng)的布爾值，都是true。

if ([]) {
  console.log('true');
}
// true

if ({}) {
  console.log('true');
}
// true

更多關(guān)于數(shù)據(jù)類(lèi)型轉(zhuǎn)換的介紹，參見(jiàn)《數(shù)據(jù)類(lèi)型轉(zhuǎn)換》一章。

參考鏈接

• Axel Rauschmayer, Categorizing values in JavaScript