了解undefined、null、NaN的区别

1.常规的解释，null是个对象，表示空值，undefined也是个对象，表示没有定义

2.详细分析

null

书上的解释(Javascript权威指南)，Javascript的关键词null是一种特殊的值，它表示“无值”。null常常被看作对象类型的一个特殊值，即代表“无对象”的值。如果一个变量的值为null，那么你就会知道它的值不是有效的对象、数组、数字、字符串和布尔值。null对应类型object，布尔值false，数字0，字符串“null”

 



var test = null;
 
//类型，输出object
document.write( typeof (test));
document.write("<br/>");
 
//字符串，输出nulltest
document.write(test + 'test');
document.write("<br/>");
 
//数字，输出10
document.write(test + 10);
document.write("<br/>");
 
//布尔值，输出false
if (test) {
   document.write("true");
}
if (!test) {
   document.write("false");
}

什么情况下会返回null

document.getElementById(‘XXX’); 寻找一个不存在的元素，返回null

undefined

undefined是window对象的一个属性，且不是关键词。书上解释，当你使用了一个并未声明的变量时，或者使用了已经声明但还没有赋值的变量时，又或者使用了一个并不存在的对象属性时，返回的就是这个值。undefined对应类型undefined，布尔型false，字符串undefined，数字计算结果一定是NaN

 



var test; 
 
//类型，输出undefined
document.write( typeof (test));
document.write("<br/>");
 
//字符串，输出undefinedtest
document.write(test + 'test');
document.write("<br/>");
 
//数字，输出NaN
document.write(test + 10);
document.write("<br/>");
 
//布尔值，输出false
if (test) {
   document.write("true");
}
if (!test) {
   document.write("false");
}

什么情况下会返回undefined，有人总结了如下几种场景

1. 直接访问没有修改的全局变量undefined，var x = undefined 那x的值为undefined

2. 使用没有声明的变量，在IE下出错，提示”xxx”未定义；已经声明，没有赋值，类似var x; alert(x); 弹出undefined

3. 使用了一个不存在的对象的属性

 
var coffee = {
   x:'1',
   y:2
}
alert(coffee.z);

上面有提到过undefined不是javascript的关键词，所以可以定义一个名字为undefined的变量，如下

 
var undefined = 10;
 
document.write( typeof (undefined));
document.write("<br/>")
document.write(undefined * 10);

在IE和搜狗浏览器下，返回结果 number 100

在firefox和chrome下，返回结果 undefined NaN

所以最好不要使用undefined的变量名

使用undefined的一个场景

在某个场景中经常要用到undefined，最好定义一个变量类似

var x = undefined，可以提高性能。这是因为javascript引擎在使用undefined的时候都是遍历window对象，寻找undefined属性，遍历属性过程中会造成大量的时间。

null和undefined的比较

null == undefined 返回true

null===undefined 返回false

对 undefined 的优化

当我们在程序中使用 undefined 时，实际使用的是 window 对象的 undefined 属性，由于 window 对象的属性很多，在每一次与 undefined交时，搜索 window 对象的 undefined 属性都会花费时间。在需要经常使用 undefined 的场景中，可以定义一个局部的 undefined 变量。

例如：var undefined;

最后引用淘宝玉伯对null和undefined的解释

值类型的“虚无”用undefined，引用类型的“虚无”，用null。