摘自：網道（WangDoc.com），互聯(lián)網文檔計劃——JavaScript 教程

null 和 undefined

概述

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

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

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

在if語句中，它們都會被自動轉為false，相等運算符（==）甚至直接報告兩者相等。

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

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

undefined == null
// true

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

既然含義與用法都差不多，為什么要同時設置兩個這樣的值，這不是無端增加復雜度，令初學者困擾嗎？這與歷史原因有關。

1995年 JavaScript 誕生時，最初像 Java 一樣，只設置了null表示"無"。根據(jù) C 語言的傳統(tǒng)，null可以自動轉為0。

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

上面代碼中，null轉為數(shù)字時，自動變成0。

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

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

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

用法和含義

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

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

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

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

// 調用函數(shù)時，應該提供的參數(shù)沒有提供，該參數(shù)等于 undefined
function f(x) {
  return x;
}
f() // undefined

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

// 函數(shù)沒有返回值時，默認返回 undefined
function f() {}
f() // undefined

布爾值

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

下列運算符會返回布爾值：

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

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

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

布爾值往往用于程序流程的控制，請看一個例子。

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

上面代碼中，if命令后面的判斷條件，預期應該是一個布爾值，所以 JavaScript 自動將空字符串，轉為布爾值false，導致程序不會進入代碼塊，所以沒有任何輸出。

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

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

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