JavaScript中的unll與undefined

null和undefined

概述

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

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

上面代碼說明，兩者的行爲是何等相似！Google公司開發的JavaScript語言的替代品Dart語言，就明確規定只有null，沒有undefined！

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

1995年JavaScript誕生時，最初像Java一樣，只設置了null作爲表示"無"的值。根據C語言的傳統，null被設計成可以自動轉爲0。

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

但是，JavaScript的設計者Brendan Eich，覺得這樣做還不夠，有兩個原因。首先，null像在Java裏一樣，被當成一個對象。但是，JavaScript的值分成原始類型和合成類型兩大類，Brendan Eich覺得表示"無"的值最好不是對象。其次，JavaScript的最初版本沒有包括錯誤處理機制，發生數據類型不匹配時，往往是自動轉換類型或者默默地失敗。Brendan Eich覺得，如果null自動轉爲0，很不容易發現錯誤。

因此，Brendan Eich又設計了一個undefined。他是這樣區分的：null是一個表示"無"的對象，轉爲數值時爲0；undefined是一個表示"無"的原始值，轉爲數值時爲NaN。

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

但是，這樣的區分在實踐中很快就被證明不可行。目前null和undefined基本是同義的，只有一些細微的差別。

null的特殊之處在於，JavaScript把它包含在對象類型（object）之中。

typeof null // "object"

上面代碼表示，查詢null的類型，JavaScript返回object（對象）。

這並不是說null的數據類型就是對象，而是JavaScript早期部署中的一個約定俗成，其實不完全正確，後來再想改已經太晚了，會破壞現存代碼，所以一直保留至今。

注意，JavaScript的標識名區分大小寫，所以undefined和null不同於Undefined和Null（或者其他僅僅大小寫不同的詞形），後者只是普通的變量名。

文／阿振_sc（簡書作者）
原文鏈接：http://www.jianshu.com/p/4448411dec80
著作權歸作者所有，轉載請聯繫作者獲得授權，並標註“簡書作者”。