not defined、undefined、null以及NaN的区别

?前言?】

? ? ? ?从踏入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表示"缺少值",就是此处应该有一个值,但是还没有初始化。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容