Javascript 中 null、NaN和undefined的区别总结
更新时间：2013年04月10日 15:28:27 作者：
js中的数据类型有undefined,boolean,number,string,object等5种，前4种为原始类型，第5种为引用类型，接下来与大家分享下它们之间的区别
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> 输出：
[补充]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
相关文章
下面小编就为大家带来一篇浅谈js的ajax的异步和同步请求的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
这篇文章主要介绍了JavaScript实现计算字符串中出现次数最多的字符和出现的次数,本文直接给出实现代码,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了js实现弹窗效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了JavaScript中如何计算字符串文本的宽度问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
在论坛中闲逛，无意中发现腾讯的ip接口。还是挺有意思的。大家可以利用下，这个IP接口所查询到的还是比较准确，我发给几个朋友测试了一下都是正确的，毕竟是腾讯的东西。2010-11-11
这篇文章主要介绍了JS获取地址栏参数的两种方法(简单实用)，小编给大家推荐使用第一种采用正则表达式获取地址栏参数的方法，此方法简单实用，对js获取地址栏参数相关知识感兴趣的朋友，一起学习吧2016-06-06
javascript中数组（Array)对象和字符串（String)对象的常用方法总结
这篇文章主要介绍了javascript中数组（Array)对象和字符串（String)对象的常用方法,结合实例形式总结分析了javascript中关于数组和字符串的常用函数与使用技巧,需要的朋友可以参考下2016-12-12
js前台分页显示使用jquery1.8.7框架，本文目的主要给那些刚入行软件开发，喜欢这也看看，程序需要有投入才有收获感兴趣的你可不要错过了哈，希望可以帮助到你2013-03-03
数独游戏是在一个9*9的方格中进行填数字的游戏,需要满足的规则是每行每列和每个子九宫格都是1~9的不重复数字,下面这篇文章主要给大家介绍了关于如何利用JavaScript做数独的相关资料,需要的朋友可以参考下2021-09-09
这篇文章主要为大家详细介绍了JavaScript如何实现控制并发请求数量,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-02-02
最新评论