详解JavaScript中undefined与null的区别

引言

JavaScript语言中似乎存在两个表示“无”的值：undefined和null。这背后的原因值得探讨。

一、相似性

一、相似性 在JavaScript中，将变量赋值为undefined或null，实际效果几乎没有区别。

var a = undefined;
var a = null;

上述代码中，变量a分别被赋值为undefined和null，这两种写法在大多数情况下是等价的。 在if语句中，undefined和null都会自动转换为false，甚至相等运算符（==）也直接判定两者相等。

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

二、历史原因

上述代码表明，两者的行为高度相似。 既然undefined和null在含义与用法上如此接近，为何要同时设置这两个值？这似乎增加了JavaScript的复杂度，令初学者感到困惑。例如，Google开发的JavaScript替代语言Dart就明确规定只有null，没有undefined。 二、历史原因 最近，我在阅读新书《Speaking JavaScript》时，意外发现了这个问题的答案！ 原来，这与JavaScript的历史发展有关。1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示“无”的值。 根据C语言的传统，null被设计为可以自动转换为0。

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

然而，JavaScript的设计者Brendan Eich认为这样做还不够，主要基于两个原因。 首先，null在Java中被视为一个对象。

typeof null
// "object"

三、最初设计

但是，JavaScript的数据类型分为原始类型（primitive）和合成类型（complex）两大类，Brendan Eich认为表示“无”的值最好不是对象。 其次，JavaScript的最初版本没有包括错误处理机制，当发生数据类型不匹配时，往往是自动转换类型或者默默地失败。Brendan Eich认为，如果null自动转换为0，将很难发现错误。 因此，Brendan Eich又设计了一个undefined。 三、最初设计 JavaScript的最初版本是这样区分的：null是一个表示“无”的对象，转换为数值时为0；undefined是一个表示“无”的原始值，转换为数值时为NaN。

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

四、目前的用法

四、目前的用法 但是，上述这样的区分，在实践中很快就被证明不可行。目前，null和undefined基本是同义的，只有一些细微的差别。 null表示“没有对象”，即该处不应该有值。典型用法是： （1） 作为函数的参数，表示该函数的参数不是对象。 （2） 作为对象原型链的终点。

Object.getPrototypeOf(Object.prototype)
// null

undefined表示“缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是： （1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。 （3）对象没有赋值的属性，该属性的值为undefined。 （4）函数没有返回值时，默认返回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