JS基础之undefined与null的区别分析

在javascript开发中，开始学习js的时候时常困惑我的就是null和undefined的区别，所以很想总结下我对这两个的理解
学习过js的同学都知道：

null==undefined;
true
null!==undefined;
true

那这个到底是怎么回事呢？

1.null
首先他是一个对象，但是是一个空对象，因为是一个对象，所以

typeof null;
"object"

null是js保留的关键字；
null在参与数值运算的时候将自动转换成 0 ；例如：

var c = 123 + null;
c
123

var a = 188*null;
a
0

2.undefined
首先undefined是全局对象中的一个特殊属性，他的值是一个未定义的，我们来看看他是否为全局对象的属性：

alert("undefined" in window);

上述这段代码会在浏览器输出true;
然而当我们创建一个空对象的时候：

var anObj = {}; 
alert('undefined' in anObj); //输出：false 

undefined参与的所有数值运算，其值都会返回 NaN

var h=123+undefined;
h;
NaN

当我们在程序中使用undefined值时，实际上使用的是window对象的undefined属性。 
同样，当我们定义一个变量但未赋予其初始值，例如：

var vaule ;
undefined

这个时候JavaScript预编译会将其初始值的设置为 window.undefined 的引用。

于是，当我们将一个变量或值与undefined比较时，实际上是与window对象的undefined属性比较。这个比较过程中，JavaScript会搜索window对象名叫‘undefined'的属性，然后再比较两个操作数的引用指针是否相同。
由于window对象的属性值是非常多的，在每一次与undefined的比较中，搜索window对象的undefined属性都会花费时 间。在需要频繁与undefined进行比较的函数中，这可能会是一个性能问题点。因此，在这种情况下，我们可以自行定义一个局部的undefined变 量，来加快对undefined的比较速度。例如：

function anyFunc() 
{ 
var undefined; //自定义局部undefined变量 
if(x == undefined){console.log(undefined)} //作用域上的引用比较 
while(y != undefined){console.log(undefined)} //作用域上的引用比较 
}; 

其中，定义undefined局部变量时，其初始值会是对window.undefined属性值的引用。新定义的局部undefined变 量存在与该函数的作用域上。在随后的比较操作中，JavaScript代码的书写方式没有任何的改变，但比较速度却很快。因为作用域上的变量数量会远远少 于window对象的属性，搜索变量的速度会极大提高。
这就是许多前端JS框架为什么常常要自己定义一个局部undefined变量的原因！