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变量的缘由！