JavaScript中null、undefined、NaN

雨点打透心脏的1/2处 2022-04-17 01:39 230阅读 0赞

**1.前言**

首先说明下JavaScript的数据类型：

1.原始类型：数字、字符串、布尔值、null、undefined

2.对象类型：数组、函数、正则表达式、对象

null是JavaScript语言的关键字，它表示一个特殊值，常用来描述“空值”。对null执行typeof预算，结果返回字符串“object”，也就是说，可以将null认为是一个特殊的对象值，含义是“非对象”。但实际上，通常认为null是它自类型的唯一一个成员。它可以表示数字、字符串和对象是“无值”的。

JavaScript还有第二个值来表示值的空缺。用未定义的值 表示更深层次的“空值”。它是变量的一种取值，表明变量没有初始化，如果要查询对象属性或数组元素的值时返回undefined则说明这个属性或元素不存在。如果函数没有返回任何值，则返回undefined。引用没有提供实参的函数形参的值也只会得到undefined。undefined时预定义的全局变量（它和null不一样，它不是关键字），它的值就是“未定义”。如果使用typeof运算符得到undefined的类型，则返回“undefined”，表示这个值是这个类型的唯一成员。

尽管null和undefined是不同的，但它们都表示“值的空缺”，两者往往可以互换。判断相等运算符“”认为两者是相等的（要使用严格相等运算符“=”来区分它们）。在希望是布尔类型的地方它们的值都是假值，和false类似。null和undefined都不包含任何属性和方法。实际上，使用".“和”\[ \]"来存取这两个值的成员或方法都会产生一个类型错误。

你或许认为undefined是表示系统级的、出乎意料的或类似错误的值的空缺，而null是表示程序级的、正常的或在意料之中的值的空缺。如果你想将它们赋值给变量或者属性，或者将它们作为参数传入函数，最佳选择是使用null。

**2.类型分析**

var a1;
    var a2 = true;
    var a3 = 1;
    var a4 = "Hello";
    
    var a51 = new Object();
    var a52 =new Array("Saab","Volvo","BMW");
    var a53 = function myFunction(){alert("123");};
    var a54 = new RegExp("e");
    
    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 a51);  //显示"object"
    alert(typeof a52);  //显示"object"
    alert(typeof a53);  // 显示''function"
    alert(typeof a54); //显示"object"
    
    alert(typeof a6); //显示"object"
    alert(typeof a7); //显示"number"
    alert(typeof a8); //显示"undefined"

从上面的代码中可以看出:

1.未定义的值和定义未赋值的为undefined；

2.针对数组、函数、正则表达式、对象，除了函数返回function，其他都是object；

3.针对null、NaN、undefined，null是一种特殊的object，NaN是一种特殊的number，undefined还是返回undefined。

**3.比较运算**

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与任何值都不相等，与自己也不相等。

**4.目前的用法**

null表示"没有对象"，即该处不应该有值。典型用法是：

1.作为函数的参数，表示该函数的参数不是对象。

2.作为对象原型链的终点。

Object.getPrototypeOf(Object.prototype)
    // null

undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：

1.变量被声明了，但没有赋值时，就等于undefined。

2.调用函数时，应该提供的参数没有提供，该参数等于undefined。

3.对象没有赋值的属性，该属性的值为undefined。

4.函数没有返回值时，默认返回undefined。

var i;
    i // undefined
    
    function f(x){console.log(x)}
    f() // undefined
    
    var  o = new Object();
    o.p // undefined
    
    var x = f();
    x // undefined

很好的两条结论：  
1.null表示"没有对象"，即该处不应该有值。  
2.undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。

**注释：null 表示无值，而 undefined 表示一个未声明的变量，或已声明但没有赋值的变量，或一个并不存在的对象属性。**

**5.总结**

**null：**  
表示一个特殊值，常用来描述"空值"  
关键字  
typeof null; 值为’object’  
表示数字，字符串，对象是无值的

**undefined：**  
表示值的空缺，用未定义的值来拜师更深层次的"空值"  
不是关键字  
typeof undefined; 值为’undefined’  
变量没有初始化  
查询对象属性或数组元素，则说明没有这个属性或元素不存在  
函数没有返回值，则返回undefined  
引用没有提供实参的函数形参  
ESCMAScript3,undefined是可读/写的变量  
SCMAScript5,undefined是只读的变量

null == undefined; ture  
null === undefined; false

NaN == NaN // false  
NaN === NaN // false

**NaN：**

NaN是number类型  
NaN和任何值比较都不相等

那么，什么时候会遇见NaN这样的number值呢？

比如无效的计算：
    1 / 'a' // NaN
    parseInt('abc'); // NaN
    
    那么，既然不能用==来判断，如何判断一个值是不是NaN呢？
    isNaN(NaN); // true
    isNaN(1); // false
    方法就是调用上面的全局函数isNaN来判断。
    
    isNaN("aa")  //true
    
    number类型的特殊值不只有NaN，还有Infinity(无限大).
    1 / 0 // Infinity

最简单的总结：未定义 => undefined，空值 => null，其实实际也差不多咯。而null相对来说是赋值了一个空值，undefined是未定义。

参考文章：  
[https://www.cnblogs.com/zjfazc/archive/2012/06/15/2550596.html][https_www.cnblogs.com_zjfazc_archive_2012_06_15_2550596.html]  
[http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html][http_www.ruanyifeng.com_blog_2014_03_undefined-vs-null.html]

[https_www.cnblogs.com_zjfazc_archive_2012_06_15_2550596.html]: https://www.cnblogs.com/zjfazc/archive/2012/06/15/2550596.html
[http_www.ruanyifeng.com_blog_2014_03_undefined-vs-null.html]: http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html