Javascript 中 null、NaN和undefined的区别

================================================================================================

NaN：保留字（表明数据类型不是数字）
undefined：对象属性或方法不存在，或声明了变量但从未赋值。
null = = undefined 是
undefined = = 0 否
null = = 0 否
NaN = = NaN 否

js中的数据类型有undefined,boolean,number,string,object等5种，前4种为原始类型，第5种为引用类型。
var a1;
var a2 = true;
var a3 = 1;
var a4 = "Hello";
var a5 = new Object();
var a6 = null;
var a7 = NaN;
var a8 = undefined;

alert(typeof a);   //显示"undefined"
alert(typeof a1); //显示"undefined"
alert(typeof a2); //显示"boolean"
alert(typeof a3); //显示"number"
alert(typeof a4); //显示"string"
alert(typeof a5); //显示"object"
alert(typeof a6); //显示"object"
alert(typeof a7); //显示"number"
alert(typeof a8); //显示"undefined"
从上面的代码中可以看出未定义的值和定义未赋值的为undefined，null是一种特殊的object,NaN是一种特殊的number
undefined与null是相等；（2）NaN与任何值都不相等，与自己也不相等
要判断一个变量的类型可以这样:if (typeof(x) == "undefined")


var b1 = Boolean("");//返回false,空字符串 
var b2 = Boolean("s");//返回true，非空字符串 
var b3 = Boolean(0);//返回false，数字0 
var b4 = Boolean(1);//返回true，非0数字 
var b5 = Boolean(-1);//返回true，非0数字 
var b6 = Boolean(null);//返回false 
var b7 = Boolean(undefined);//返回false 
var b8 = Boolean(new Object());//返回true，对象 
Number(false) //返回0 
Number(true) //返回1 
Number(undefined) //返回NaN 
Number(null) //返回0 
Number("1.2") //返回1.2 
Number("12") //返回12 
Number("1.2.3") //返回NaN 
Number(new Object()) //返回NaN 
Number(123) //返回123 
var s1 = null; 
var s2 = String(t1);//s2的值是 "null" 
var s3 = s1.toString();//会报错 
var s4; 
var s5 = String(t4);//s5的值是 "undefined" 
var s6 = t4.toString();//会报错


Number转换成整数,不满足条件则是NaN
Number.parseInt(value) ：把参数转换为整数
Number.parseFloat(value) ：把参数转换为浮点数
Number.toFixed(x) 是将指定数字截取小数点后 x 位
Number.toPrecision(x) 是将整个数字截取指定（x）长度
Math.round() 方法可把一个数字舍入为最接近的整数
Math.ceil(value) ： 对一个数向上取整，并不是四舍五入
Math.floor(value) ：对一个数向下取整，并不是四舍五入
Math.random() ：返回一个伪随机数,大于0，小于1.0


在undifined和null时，用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于，如果明确设置了变量的值（非null/undifined/0/""等值),结果就会根据变量的实际值来返回，如果没有设置，结果就会返回false

====================================================================================================

1.类型分析：

js中的数据类型有undefined,boolean,number,string,object等5种，前4种为原始类型，第5种为引用类型。

代码

var  a1;
var  a2  =   true ;
var  a3  =   1 ;
var  a4  =   " Hello " ;
var  a5  =   new  Object();
var  a6  =   null ;
var  a7  =  NaN;
var  a8  =  undefined;

alert( typeof  a);    // 显示"undefined"
alert( typeof  a1);  // 显示"undefined"
alert( typeof  a2);  // 显示"boolean"
alert( typeof  a3);  // 显示"number"
alert( typeof  a4);  // 显示"string"
alert( typeof  a5);  // 显示"object"
alert( typeof  a6);  // 显示"object"
alert( typeof  a7);  // 显示"number"
alert( typeof  a8);  // 显示"undefined"

从上面的代码中可以看出未定义的值和定义未赋值的为undefined，null是一种特殊的object,NaN是一种特殊的number。

2.比较运算

代码

var  a1;         // a1的值为undefined
var  a2  =   null ;
var  a3  =  NaN;

alert(a1  ==  a2);  // 显示"true"
alert(a1  !=  a2);  // 显示"false"

alert(a1  ==  a3);  // 显示"false"
alert(a1  !=  a3);  // 显示"true"

alert(a2  ==  a3);  // 显示"false"
alert(a2  !=  a3);  // 显示"true"

alert(a3  ==  a3);  // 显示"false"
alert(a3  !=  a3);  // 显示"true"

从上面的代码可以得出结论：（1）undefined与null是相等；（2）NaN与任何值都不相等，与自己也不相等。

JavaScript undefined 属性

定义和用法

undefined 属性用于存放 JavaScript 的 undefined 值。

语法

undefined

说明

无法使用 for/in 循环来枚举 undefined 属性，也不能用 delete 运算符来删除它。

undefined 不是常量，可以把它设置为其他值。

当尝试读取不存在的对象属性时也会返回 undefined。

提示和注释

< 值等价于 undefined 运算符认为 运算来测试某个值是否是未定义的，因为="=" ="==">

< 表示无值，而>

实例

在本例中，我们将检测两个变量中未定义的一个：

   
   

    
    

     
     
    
    
    
    

     
     <
     
     script type
     
     =
     
     "
     
     text/javascript
     
     "
     
     >
     
     


     
     var
     
      t1
     
     =
     
     ""
     
     

     
     var
     
      t2


     
     if
     
      (t1
     
     ===
     
     undefined) {document.write(
     
     "
     
     t1 is undefined
     
     "
     
     )}

     
     if
     
      (t2
     
     ===
     
     undefined) {document.write(
     
     "
     
     t2 is undefined
     
     "
     
     )}


     
     <
     
     /
     
     script>
    
    
    
    

     
     
    
    
   
   
 
输出：

   
   

    
    

     
     t2 
     
     is
     
      undefined
    
    
   
   
 

[补充]

Null 数据类型 
在 Jscript 中数据类型 null 只有一个值：null。关键字 null 不能用作函数或变量的名称。 

包含 null 的变量包含“无值”或“无对象”。换句话说，该变量没有保存有效的数、字符串、boolean、数组或对象。可以通过给一个变量赋 null 值来清除变量的内容。 

请注意，在 Jscript 中，null 与 0 不相等（与在 C 和 C++ 中不同）。同时应该指出的是，Jscript中 typeof 运算符将报告 null 值为 Object 类型，而非类型 null。这点潜在的混淆是为了向下兼容。 

Undefined 数据类型 
如下情况使返回 undefined 值： 

对象属性不存在， 
声明了变量但从未赋值。 
注意不能通过与 undefined 做比较来测试一个变量是否存在，虽然可以检查它的类型是否为“undefined”。在以下的代码范例中，假设程序员想测试是否已经声明变量 x ： 

// 这种方法不起作用 
if (x == undefined) 
    // 作某些操作 
// 这个方法同样不起作用- 必须检查 
// 字符串 "undefined" 
if (typeof(x) == undefined) 
    // 作某些操作 
// 这个方法有效 
if (typeof(x) == "undefined") 
    // 作某些操作 
考虑将 undefined 值与null做比较。 

someObject.prop == null; 
如下情况时，比较的结果为 true， 

如果属性 someObject.prop 包含 null 值， 
如果属性 someObject.prop 不存在。 
要检查一个对象属性是否存在，可以使用新的 in 运算符： 
if ("prop" in someObject) 
// someObject 有属性 ’prop’ 

在JavaScript中，null与undefined一度使人迷惑。下面的分析，有利于你更清晰的认知它(或者让你更迷惑)： 

- null是关键字；undefined是Global对象的一个属性 

- null是对象(空对象, 没有任何属性和方法)；undefined是undefined类型的值。试试下面的代码： 

       document.writeln(typeof null); //return object 
       document.writeln(typeof undefined); //return undefined 

- 对象模型中，所有的对象都是Object或其子类的实例，但null对象例外： 
       document.writeln(null instanceof Object); //return false 

- null“等值(==)”于undefined，但不“全等值(===)”于undefined： 
       document.writeln(null == undefined); //return true 
       document.writeln(null === undefined); //return false 

- 运算时null与undefined都可以被类型转换为false，但不等值于false： 
       document.writeln(!null, !undefined); //return true,true 
       document.writeln(null==false); //return false 
       document.writeln(undefined==false); //return false

===================================================================================================================

如何做javascript的类型判断的问题。一种是使用typeof，另一种是使用constructor。
　　推荐一个很好用的在线编辑器：http://jsfiddle.net/。他提供了jquery、mootools、prototype和YUI三个主流js框架的各个版本，当你需要编写简单的js测试程序的时候可以直接使用它。省去了打开编辑软件，创建各种类型文件的步骤。编辑代码之后，点击[Run]按钮，一切搞定。
　　1.typeof
　　typeof是我们在做类型判断时最常用的方法，他的优点就是简单、好记，缺点是不能很好的判断object、null、array、regexp和自定义对象。
　　下面是我的测试代码：
   
   

    
    

     
     
    
    
    
    
var str='str';
var arr=['1','2'];
var num=1;
var bool=true;
var obj={name:'test'};
var nullObj=null;
var undefinedObj=undefined;
var reg=/reg/;

function fn(){
    alert('this is a function');
}

function User(name){
    this.name=name;
}
var user=new User('user');

console.log(typeof str);
console.log(typeof arr);
console.log(typeof num);
console.log(typeof bool);
console.log(typeof obj);
console.log(typeof nullObj);
console.log(typeof undefinedObj);
console.log(typeof reg);
console.log(typeof fn);
console.log(typeof user);
    
   
   
代码运行结果：

2.constructor
　　现在介绍一种不常使用的方法，对象构造器constructor。他的优点是支持大部分对象类型的判断，特别是对自定义对象的判断；缺点是不能在null和undefined上使用。
　　测试代码和之前的差不多，区别就是使用XXX.constructor代替了typeof。
   
   

    
    

     
     

    
    
    
    
var str='str';
var arr=['1','2'];
var num=1;
var bool=true;
var obj={name:'test'};
var nullObj=null;
var undefinedObj=undefined;
var reg=/reg/;
function fn(){
    alert('this is a function');
}
function User(name){
    this.name=name;
}
var user=new User('user');

console.log(str.constructor);
console.log(arr.constructor);
console.log(num.constructor);
console.log(bool.constructor);
console.log(obj.constructor);
console.log(reg.constructor);
console.log(fn.constructor);
console.log(user.constructor);

console.log(nullObj.constructor);
console.log(undefinedObj.constructor);

    
    

     
     

    
    
   
   
　　运行结果：
　　运行到 console.log(nullObj.constructor); 的时候，浏览器报错：Uncaught TypeError: Cannot read property 'constructor' of null。类似的问题也发生在console.log(undefinedObj.constructor); 上面：Uncaught TypeError: Cannot read property 'constructor' of undefined。
 
　　3.Object.prototype.toString.call()
　　最后要介绍的是jquery中使用的方式，Object.prototype.toString.call()。优点是支持绝大多数类型的判断，唯一的缺点是不支持自定义对象的判断。
　　测试代码如下：
   
   

    
    

     
     
    
    
    
    
var str='str';
var arr=['1','2'];
var num=1;
var bool=true;
var obj={name:'test'};
var nullObj=null;
var undefinedObj=undefined;
var reg=/reg/;
function fn(){
    alert('this is a function');
}
function User(name){
    this.name=name;
}
var user=new User('user');

var toString=Object.prototype.toString;

console.log(toString.call(str));
console.log(toString.call(arr));
console.log(toString.call(num));
console.log(toString.call(bool));
console.log(toString.call(obj));
console.log(toString.call(reg));
console.log(toString.call(fn));
console.log(toString.call(user));
console.log(toString.call(nullObj));
console.log(toString.call(undefinedObj));
    
    

     
     
    
    
   
   
　　运行结果：
　　console.log(toString.call(user)); 的返回结果为：[object Object]，不能做进一步判断。
 
　　总结
　　javascript中经常使用的对象判断方式包括：typeof、constructor和Object.prototype.toString.call()。其中typeof很好理解，他是JavaScript本身支持的语法。constructor很少使用，但是相信大家通过demo也能看懂他代表的意思。至于Object.prototype.toString.call()可能多少会让人有点费解，他和XXX.toString()有什么区别呢，为什么不能直接使用XXX.toString()呢？
　　我们在浏览器中运行下面的代码：
   
   

    
    

     
     
    
    
    
    
var str='str';
var arr=['1','2'];
var num=1;
var bool=true;
var obj={name:'test'};
var nullObj=null;
var undefinedObj=undefined;
var reg=/reg/;
function fn(){
    alert('this is a function');
}
function User(name){
    this.name=name;
}
var user=new User('user');

console.log(str.toString());
console.log(arr.toString());
console.log(num.toString());
console.log(bool.toString());
console.log(obj.toString());
console.log(reg.toString());
console.log(fn.toString());
console.log(user.toString());
console.log(nullObj.toString());
console.log(undefinedObj.toString());

    
    

     
     

    
    
   
   
查看运行结果：
　　null和undefined因为不存在toString()方法，所以会报错，我们就不去管他们了。至于其他对象，通过toString()返回的内容和使用Object.prototype.toString.call()返回的内容差别很大。这是因为Object.prototype.toString()方法被设计用来返回对象类型的。String、Array、Boolean、Regexp、Number和Function都继承自Object，同时也就继承了Object的原型方法toString()，但是他们都对toString()进行了重写。执行xxx.toString()时使用的是重写后的方法，返回的结果自然会和Object.prototype.toString.call()的结果不一致。
　　通过上面的例子，大家一定对这三种方式有了更深刻的认识，熟悉他们的优缺点，然后可以根据自己的需要选择合适的方式。推荐使用Object.prototype.toString.call()方法，因为他能解决绝大部分情况的判断，在遇到返回值为[object Object]时，再使用constructor辅助判断，看是否是自定义对象。