【转】javascript中not defined、undefined、null以及NaN的区别

原文链接（点击跳转）

第一：not defined

演示代码：

1.  
   <span style="font-size:12px;"><span style="font-family:Microsoft YaHei;"><script type="text/javascript">
2.  
   alert(a);
3.  
   </script></span></span>

执行结果：报错并提示：Uncaught ReferenceError: a is not defined，如图：

个人理解：not defined可以翻译为 未定义的。上面代码中的a没有被定义。所以会报错并提示not defined。

第二：undefined(js的数据类型之一)

演示代码：

1.  
   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.  
   var a;
3.  
   alert(a);
4.  
   </script></span>

或者

1.  
   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.  
   var a=undefined;
3.  
   alert(a);
4.  
   </script></span>

或者

1.  
   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.  
   var a={};
3.  
   alert(a);
4.  
   </script></span></span>

    

   第三种被博友指出错误，这里应该是：

   1.  
      <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
   2.  
      alert(typeof b);
   3.  
      </script></span></span>

执行结果：上面三段代码执行结果一样：不会报错，会打印出undefined，如图：

个人理解：上面出现undefined的三种情况，

第一是变量被声明了，但没有赋值；

第二是手工赋值为undefined，undefined只是一个值；

第三是一个不存在的对象成员为undefined。

注意：undefined除了手工赋值之外，其他情况都可以翻译成：不明确的，也就是不知道用来干嘛的，表示缺少值，就是某个地方应该有一个值，但是还没有初始化。undefined 的优点在于正常使用有此值的变量不会抛出异常。

第三：null

演示代码：

1.  
   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.  
   var a=document.getElementById("main");
3.  
   alert(a);
4.  
   </script></span>

执行结果：不会报错，会打印出null，如图：

个人理解：上面的代码中如果实际上没有id为main的元素，a则是null，所以null是真正不存在的东西。另外null是一个只有一个值的特殊类型。表示一个空对象引用，用typeof检测返回是object。第二种的undefined是派生自null，所以有undefined==null。

第四：NaN

演示代码：

1.  
   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.  
   var a;
3.  
   alert(a*2);
4.  
   </script></span>

执行结果：不会报错，会打印出NaN，如图：

个人理解：NaN是"Not a Number " 的简写，从字面上看为不是数字的意思，当运算无法返回正确的数值时，就会返回NaN值。也可以理解一下W3C给出的定义和用法：NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值，来指示其不是数字值。

null是一种特殊的object；NaN是一种特殊的number。

【 补充扩展 】

深入谈谈undefined与null，以下内容部分参考自网络。

大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？

在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。

1.  
   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.  
   var a=undefined;
3.  
   var a=null;
4.  
   </script></span>

《Speaking JavaScript》这本书中有讲到上面的这个问题：JavaScript语言为什么有两个表示"无"的值。
1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示"无"的值，但是，JavaScript的设计者Brendan Eich，觉得这样做还不够。第一：null像在Java里一样，被当成一个对象。但是，JavaScript的数据类型分成原始类型（primitive）和合成类型（complex）两大类，Brendan Eich觉得表示"无"的值最好不是对象。第二：其次，JavaScript的最初版本没有包括错误处理机制，发生数据类型不匹配时，往往是自动转换类型或者默默地失败。Brendan Eich觉得，如果null自动转为0，很不容易发现错误。因此，Brendan Eich又设计了一个undefined。

null表示"没有对象"，即该处不应该有值；undefined表示"缺少值"，就是此处应该有一个值，但是还没有初始化。

本篇文章就总结到这里。最后，由于时间仓促，资质有限，文中要是有表述不准确的地方还望见谅，也欢迎指正。

--------------------- 本文来自 键盘上的草根舞者 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/xjun0812/article/details/49444771?utm_source=copy