第一：not defined
演示代码：
-
<span style= "font-size:12px;"><span style="font-family:Microsoft YaHei;"><script type="text/javascript">
-
alert(a);
-
</script></span></span>
执行结果：报错并提示：Uncaught ReferenceError: a is not defined，如图：
个人理解：not defined可以翻译为 未定义的。上面代码中的a没有被定义。所以会报错并提示not defined。
第二：undefined(js的数据类型之一)
演示代码：
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
var a;
-
alert(a);
-
</script></span>
或者
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
var a=undefined;
-
alert(a);
-
</script></span>
或者
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
var a={};
-
alert(a);
-
</script></span></span>第三种被博友指出错误，这里应该是：
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
alert(typeof b);
-
</script></span></span>
-
执行结果：上面三段代码执行结果一样：不会报错，会打印出undefined，如图：
个人理解：上面出现undefined的三种情况，
第一是变量被声明了，但没有赋值；
第二是手工赋值为undefined，undefined只是一个值；
第三是一个不存在的对象成员为undefined。
注意：undefined除了手工赋值之外，其他情况都可以翻译成：不明确的，也就是不知道用来干嘛的，表示缺少值，就是某个地方应该有一个值，但是还没有初始化。undefined 的优点在于正常使用有此值的变量不会抛出异常。
第三：null
演示代码：
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
var a=document.getElementById("main");
-
alert(a);
-
</script></span>
执行结果：不会报错，会打印出null，如图：
个人理解：上面的代码中如果实际上没有id为main的元素，a则是null，所以null是真正不存在的东西。另外null是一个只有一个值的特殊类型。表示一个空对象引用，用typeof检测返回是object。第二种的undefined是派生自null，所以有undefined==null。
第四：NaN
演示代码：
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
var a;
-
alert(a* 2);
-
</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，老实说，几乎没区别。
-
<span style= "font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
-
var a=undefined;
-
var a=null;
-
</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