JavaScript值 null 和 undefined

在javascript值中有两个“家伙”总是叫人很迷糊，它们就是 null 和 undefined；开发过程中，我们可以说会经常碰到这两个“家伙”，但是要真正了解null 和 undefined两者的区别，还是要特别研究下的。最近查看了一些相关资料，也对null 和 undefined有了些许领会，简单分享下。

我们都知道：

1. null == undefined（等于）

但是：

1. null !== undefined（不全等）

这两者的区别在哪里呢？

1、首先null是一个对象，值为空，我们可以通过typeof null轻松验证，返回 ‘object’。同时要提到的，null 是 javascript 保留关键字；而 undefined 是全局对象（window）的特殊属性，值是未定义的，typeof undefined 返回 ‘undefined’；

我们可以简单验证 undefined 确是全局对象（window）的属性：

1. console.log('undefined' in window);
2. //true;

1. var Obj = {};
2. console.log('undefined' in Obj);
3. //false;

从上面两行代码，可以看出 undefined是window对象的一个属性，但并不是Obj对象的属性；

2、我们再从参与数值计算查找两者的不同之处。null 与数值进行运算时会自动转换成0，而 undefined 与数值进行运算时结果为NaN。

1. console.log(123 + null); //123
2. console.log(123 * null); //0
3. console.log(123 + undefined); //NaN
4. console.log(123 * undefined); //NaN

通过上面的两点对比，可以很清晰地理解两者在进行数值运算时的不同之处了。

我们在学习一些前端JS框架的过程中，会发现作者会常常自定义一个局部的undefined变量，这是为什么呢？这就要谈到关于提高undefined性能方面的话题了，首先正如我们上面所分析的，undefined 是全局对象（window）的属性，那么当我们在程序中使用 undefined 值时，实际上使用的是window对象的undefined属性，那么当我们将一个变量或值与undefined进行比较时，javascript引擎会遍历window所有的属性，直到找到名为’undefined’的属性为止，然后再比较两个操作数的引用指针是否一样。也就是说在遍历属性的过程中会花费大量的时间，毕竟window对象的属性值非常的多嘛。这样，当频繁与undefined进行比较时，可能就会存在一个性能问题点了。因此，在这种情况下，我们可以通过自定义个局部的undefined变量，来提高对undefined的比较速度。

例如：

1. function myFunc() {
2.     var undefined;
3.     ...
4.     if(x == undefined){...}
5.     ...
6. }

正如上面代码所示，定义undefined局部变量时，其初始值是对window.undefined属性值的引用。在后面代码段中比较操作时，都是在函数的作用域上进行比较的，由于函数作用域上的变量数量远远少于window对象上的属性个数，那么可想而知比较速度会得到一定提升了。

简单概述下两者的不同：

两者都可以简单理解为表示未定义或空，但 null 是对象而 undefined 是全局对象属性，null 是javascript保留关键字，undefined确不是。在数值计算过程中，null 会转换为0，而 undefined则会转换为 NaN（注：NaN也是window对象的一个属性）。