undefined与null相似与区别

一、相似性与设计之初
在JavaScript中，将一个变量赋值为undefined或null。

var a = undefined;

var a = null;

上面代码中，a变量分别被赋值为undefined和null，这两种写法几乎等价。

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
// false

(Google公司开发的JavaScript语言的替代品Dart语言，就明确规定只有null，没有undefined！）

1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示"无"的值。
根据C语言的传统，null被设计成可以自动转为0。

Number(null)
// 0

5 + null
// 5

JavaScript语言有两个表示＂无＂的值：undefined和null。
有两个原因：

首先，null像在Java里一样，被当成一个对象。但是，JavaScript的数据类型分成原始类型（primitive）和合成类型（complex）两大类，而表示"无"的值最好不是对象。

其次，JavaScript的最初版本没有包括错误处理机制，发生数据类型不匹配时，往往是自动转换类型或者默默地失败。如果null自动转为0，很不容易发现错误。

JavaScript的最初版本是这样区分的：null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。

Number(undefined)
// NaN

5 + undefined
// NaN

二、目前的用法

undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：

1.变量提升，只声明未定义默认值就是undefined

2.严格模式下没有明确的执行主体，this就是undefined

3.对象没有这个属性名，属性值就是undefined

4.函数定义形参不传值，默认就是undefined

5.函数没有返回值(没有return或只有return)，默认的返回值就是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

null表示"没有对象"，即该处不应该有值。典型用法是：
1.手动设置变量的值或者对象某个属性值为null(此时不赋值，后边会赋值)

2.在js的DOM元素获取中，如果没有获取到指定的元素对象，结果一般是null

3.Object.prototype.__proto__的值也是null（作为对象原型链的终点）

4.正则捕获的时候，如果没有捕获到结果，默认也是nul

Object.getPrototypeOf(Object.prototype)
// null