?前言?】
? ? ? ?从踏入IT行业开始,我就发现技术人员写博客很有必要。如果不写博客,时间久了就像好比天天在外面建房子的人,没有一个自己的房子一样。不管学习紧不紧,工作忙不忙,多动手进行梳理总结,一方面是为了以后对某一些技术点不熟悉的时候有个地方可以快速地让你豁然开朗,另一方面也能把你是说得所想分享给别人,结交更多同行的人。好,下面步入正题。
【?正文?】
? ? ? ?开始我觉得以这个为题写一篇博文有点没必要,毕竟not defined、undefined、null以及NaN这几个概念在实际开发中会经常遇到,特别是初期开发,我们也大致明白它们代表的意思。不过后来考虑了一下其实有很多东西是值得我们挖掘的,所以抽空写了这篇文章。
第一: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
演示代码:
<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>
执行结果:上面三段代码执行结果一样:不会报错,会打印出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表示"缺少值",就是此处应该有一个值,但是还没有初始化。