not defined、undefined痕支、null以及NaN的區(qū)別

?前言?】

? ? ? ?從踏入IT行業(yè)開始颁虐,我就發(fā)現(xiàn)技術(shù)人員寫博客很有必要。如果不寫博客卧须,時間久了就像好比天天在外面建房子的人另绩,沒有一個自己的房子一樣瞬痘。不管學習緊不緊,工作忙不忙板熊,多動手進行梳理總結(jié),一方面是為了以后對某一些技術(shù)點不熟悉的時候有個地方可以快速地讓你豁然開朗察绷,另一方面也能把你是說得所想分享給別人干签,結(jié)交更多同行的人。好拆撼,下面步入正題容劳。

【?正文?】

? ? ? ?開始我覺得以這個為題寫一篇博文有點沒必要,畢竟not defined闸度、undefined竭贩、null以及NaN這幾個概念在實際開發(fā)中會經(jīng)常遇到,特別是初期開發(fā)莺禁,我們也大致明白它們代表的意思留量。不過后來考慮了一下其實有很多東西是值得我們挖掘的,所以抽空寫了這篇文章哟冬。

第一:not defined

演示代碼:

<span style="font-size:12px;"><span style="font-family:Microsoft YaHei;"><script type="text/javascript">

? ? alert(a);

</script></span></span>

執(zhí)行結(jié)果:報錯并提示: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>

執(zhí)行結(jié)果:上面三段代碼執(zhí)行結(jié)果一樣:不會報錯,會打印出undefined翰灾,如圖:

個人理解:上面出現(xiàn)undefined的三種情況缕粹,

第一是變量被聲明了,但沒有賦值纸淮;

第二是手工賦值為undefined平斩,undefined只是一個值;

第三是一個不存在的對象成員為undefined萎馅。

注意:undefined除了手工賦值之外双戳,其他情況都可以翻譯成:不明確的,也就是不知道用來干嘛的糜芳,表示缺少值飒货,就是某個地方應該有一個值,但是還沒有初始化峭竣。undefined?的優(yōu)點在于正常使用有此值的變量不會拋出異常塘辅。

第三:null

演示代碼:

<span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">

? var a=document.getElementById("main");

? alert(a);

</script></span>

執(zhí)行結(jié)果:不會報錯,會打印出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>

執(zhí)行結(jié)果:不會報錯,會打印出NaN濒持,如圖:

個人理解:NaN是"Not a Number " 的簡寫键耕,從字面上看為不是數(shù)字的意思,當運算無法返回正確的數(shù)值時柑营,就會返回NaN值屈雄。也可以理解一下W3C給出的定義和用法:NaN 屬性是代表非數(shù)字值的特殊值。該屬性用于指示某個值不是數(shù)字官套【颇蹋可以把 Number 對象設(shè)置為該值,來指示其不是數(shù)字值奶赔。

null是一種特殊的object讥蟆;NaN是一種特殊的number。?

【?補充擴展?】

深入談?wù)剈ndefined與null纺阔,以下內(nèi)容部分參考自網(wǎng)絡(luò)瘸彤。

大多數(shù)計算機語言,有且僅有一個表示"無"的值笛钝,比如质况,C語言的NULL,Java語言的null玻靡,Python語言的None结榄,Ruby語言的nil。有點奇怪的是囤捻,JavaScript語言居然有兩個表示"無"的值:undefined和null臼朗。這是為什么?

在JavaScript中蝎土,將一個變量賦值為undefined或null视哑,老實說,幾乎沒區(qū)別誊涯。

<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一樣暴构,只設(shè)置了null作為表示"無"的值跪呈,但是段磨,JavaScript的設(shè)計者Brendan Eich,覺得這樣做還不夠耗绿。第一:null像在Java里一樣苹支,被當成一個對象。但是误阻,JavaScript的數(shù)據(jù)類型分成原始類型(primitive)和合成類型(complex)兩大類沐序,Brendan Eich覺得表示"無"的值最好不是對象。第二:其次堕绩,JavaScript的最初版本沒有包括錯誤處理機制,發(fā)生數(shù)據(jù)類型不匹配時邑时,往往是自動轉(zhuǎn)換類型或者默默地失敗奴紧。Brendan Eich覺得,如果null自動轉(zhuǎn)為0晶丘,很不容易發(fā)現(xiàn)錯誤黍氮。因此,Brendan Eich又設(shè)計了一個undefined浅浮。

null表示"沒有對象"沫浆,即該處不應該有值;undefined表示"缺少值"滚秩,就是此處應該有一個值专执,但是還沒有初始化。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末郁油,一起剝皮案震驚了整個濱河市本股,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌桐腌,老刑警劉巖拄显,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異案站,居然都是意外死亡躬审,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門蟆盐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來承边,“玉大人,你說我怎么就攤上這事石挂〕吹螅” “怎么了?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵誊稚,是天一觀的道長翔始。 經(jīng)常有香客問我罗心,道長,這世上最難降的妖魔是什么城瞎? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任渤闷,我火速辦了婚禮,結(jié)果婚禮上脖镀,老公的妹妹穿的比我還像新娘飒箭。我一直安慰自己,他們只是感情好蜒灰,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布弦蹂。 她就那樣靜靜地躺著,像睡著了一般强窖。 火紅的嫁衣襯著肌膚如雪凸椿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天翅溺,我揣著相機與錄音脑漫,去河邊找鬼。 笑死咙崎,一個胖子當著我的面吹牛优幸,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播褪猛,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼网杆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了伊滋?” 一聲冷哼從身側(cè)響起跛璧,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎新啼,沒想到半個月后追城,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡燥撞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年座柱,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片物舒。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡色洞,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出冠胯,到底是詐尸還是另有隱情火诸,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布荠察,位于F島的核電站置蜀,受9級特大地震影響奈搜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜盯荤,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一馋吗、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧秋秤,春花似錦宏粤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鞋真,卻和暖如春崇堰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背灿巧。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留揽涮,地道東北人抠藕。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像蒋困,于是被迫代替她去往敵國和親盾似。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容