JS 中 null、NaN、undefined的区别

74 阅读 0 评论 49 点赞

我是靠谱客的博主糊涂天空，这篇文章主要介绍JS 中 null、NaN、undefined的区别，现在分享给大家，希望可以做个参考。

先来看一段代码:

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!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，如下代码

复制代码

1
2
3
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 ：

复制代码

1
2
3
4
5
6
7
8
9
// 这种方法不起作用 
if (x == undefined) 

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

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

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

复制代码

1
2
3
4
5
6
7
8
var a;
if (typeof (a) == "undefined")
   alert("aaa")

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

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

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

考虑将 undefined 值与null做比较。

复制代码

1
someObject.prop == null;

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

（1）如果属性 someObject.prop 包含 null 值，

（2）如果属性 someObject.prop 不存在。

要检查一个对象属性是否存在，可以使用新的 in 运算符：

复制代码

1
2
if ("prop" in someObject) 
// someObject 有属性 ’prop’

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

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

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

复制代码

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

- 对象模型中，所有的对象都是Object或其子类的实例，但null对象例外：

复制代码

1
document.writeln(null instanceof Object); //return false

- null“等值(==)”于undefined，但不“全等值(===)”于undefined：

复制代码

1
2
document.writeln(null == undefined); //return true 
document.writeln(null === undefined); //return false

- 运算时null与undefined都可以被类型转换为false，但不等值于false：

复制代码

1
2
3
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内容请搜索靠谱客的其他文章。

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

本文分类：JavaScript
浏览次数：74 次浏览
发布日期：2023-07-10 02:35:02
本文链接：https://www.kaopuke.com/article/k-p-k_14_uzo_22_fw_13_j_14_2.html

JS 中 null、NaN、undefined的区别

先来看一段代码:

详细解释：

NaN

Null

Undefined

考虑将 undefined 值与null做比较。

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

最后

评论列表共有 0 条评论

发表评论取消回复

JS 中 null、NaN、undefined的区别

先来看一段代码:

详细解释：

NaN

Null

Undefined

考虑将 undefined 值与null做比较。

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

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

微信扫一扫：分享

发表评论取消回复