JavaScript null和undefined的区别

前言

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

但是，javascript的设计者Brendan Eich，觉得这样做还不够，有两个原因。首先，null像在Java里一样，被当成一个对象。但是，javascript的值分成原始类型和对象类型两大类，Brendan Eich觉得表示”无”的值最好不是对象。其次，javascript的最初版本没有包括错误处理机制，发生数据类型不匹配时，往往是自动转换类型或者默默地失败。Brendan Eich觉得，如果null自动转为0，很不容易发现错误

因此，Brendan Eich又设计了一个undefined。他是这样区分的：null是一个表示”无”的对象，转为数值时为0；undefined是一个表示”无”的原始值，转为数值时为NaN

但是，目前null和undefined基本是同义的，都是原始类型，且只有一些细微的差别

Undefined

Undefined类型只有一个值，即特殊的undefined。在使用var声明变量但未对其加以初始化时，这个变量的值就是undefined，例如：

var msg;

msg === undefined // true

等同于：

var msg = undefined; // 使用undefined值显式初始化了变量message。但我们没有必要这么做，因为未经初始化的值默认就会取得undefined值。

【undefined 出现场景】

1、已声明未赋值的变量

var i ;// undefined

2、获取对象不存在的属性

var o = {};

o.i // undefined

3、无返回值的函数的执行结果

function f(){}

f() // undefined

4、函数的参数没有传入

function f(x){return x;}

f() // undefined

5、void(expression)

void(0) // undefined

【类型转换】

Boolean(undefined):　 false

Number(undefined):　  NaN

String(undefined):　　'undefined'

【类型鉴别】

鉴别undefined类型，使用typeof运算符即可

typeof undefined ; // undefined

[注意]由于undefined并不是一个关键字，其在IE8-浏览器中会被重写，在高版本函数作用域中也会被重写；所以可以用void 0 来替换undefined

var undefined = 10;

console.log(undefined);//IE8-浏览器下为10，高版本浏览器下为undefined

function t(){

    var undefined = 10;

    console.log(undefined);

}

console.log(t());//所有浏览器下都是10

Null

Null类型是第二个只有一个值的数据类型，这个特殊的值是null。从逻辑角度来看，null值表示一个空对象指针，而这也正是使用typeof操作符检测null值时会返回"object"的原因，如下面的例子所示：

var car = null;

alert(typeof car);     // "object"

// 不同的对象在底层都表示为二进制，在javascript中二进制前三位都为0会被判断为object类型，null的二进制表示是全0，所以执行typeof时返回'object'

如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为null而不是其他值。这样一来，只要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用，如下面的例子所示：

if (car != null){

    // 对car对象执行某些操作

}

实际上，undefined值是派生自null值的，因此ECMA-262规定对它们的相等性测试要返回true：

null == undefined // true

【类型转换】

Boolean(null): 　　false

Number(null):　　  0

String(null): 　　 'null'

【类型鉴别】

鉴别null类型，使用typeof运算符不可行，因为该运算符会返回'object'，null被认为是空对象指针

判断一个值是否为null类型的最佳方法是直接和null进行恒等比较

console.log(typeof null);//'object'

console.log(null === null);//true

console.log(undefined === null);//false

console.log('null' === null);//false

undefined 和 null 的区别

最后总结下二者的区别：

1、null表示空对象指针而undefined表示未经初始化的变量

2、数字类型转换时 Number(undefined) 是 NaN；而 Number(null) 是 0

3、做类型判断的时候 undefined 使用typeof即可；而 null则不能使用typeof 而需要和自身进行比较 null === null