我是靠谱客的博主 糊涂天空,最近开发中收集的这篇文章主要介绍JS 中 null、NaN、undefined的区别,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

先来看一段代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>null NAN undefined的区别</title>
</head>
<body>
    <script>
        var a;
        alert(a); // undefined
        // 三者类型不同
        alert(typeof (null)); // "object"
        alert(typeof (NaN)); // "number"
        alert(typeof (undefined)); // "undefined" undefined类型只有一个值,就是undefined

        // null 和 undefined 值相同
        alert(null == NaN); // false
        alert(null == undefined); // true
        alert(NAN == undefined); // false

        // == 等同运算符,只判断值是否相等
        // === 全等运算符,既判断值是否相等,又判断类型是否相等。
        // 三者类型不同
        alert(null === NaN); // false
        alert(null === undefined); // false
        alert(NaN === undefined); // false
    </script>
</body>
</html>

详细解释:

NaN

NaN (not a number)属于Number类型

运算结果本来应该是一个数字,但是不是数字,结果就是NaN,如下代码

var i = 100;
var j = "啦啦啦啦";
alert(i / j); // 除号的结果本来应该是数字,但运算结果很明显不是数字,就会显示NaN

Null

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

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

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

Undefined

如下情况使返回 undefined 值: 

(1)对象属性不存在, 
(2)声明了变量但从未赋值。 

注意不能通过与 undefined 做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”。在以下的代码范例中,假设程序员想测试是否已经声明变量 x : 

// 这种方法不起作用 
if (x == undefined) 

// 这个方法同样不起作用
if (typeof(x) == undefined) 

// 这个方法有效 - 必须检查字符串 "undefined" 
if (typeof(x) == "undefined") 

 那么为什么不能通过undefined做比较来测试一个变量是否存在呢

var a;
if (typeof (a) == "undefined")
   alert("aaa")

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

if (typeof (a) == "undefined")
   alert("aaa")

 以上两段代码执行效果是一样的,所以不可以。


考虑将 undefined 值与null做比较。 

someObject.prop == null; 

如下情况时,比较的结果为 true, 

(1)如果属性 someObject.prop 包含 null 值, 

(2)如果属性 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 中 null、NaN和undefined的区别 - 钱途无梁 - 博客园

最后

以上就是糊涂天空为你收集整理的JS 中 null、NaN、undefined的区别的全部内容,希望文章能够帮你解决JS 中 null、NaN、undefined的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(38)

评论列表共有 0 条评论

立即
投稿
返回
顶部