【?前言?】

? ? ? ?從踏入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表示"缺少值"，就是此處應該有一個值，但是還沒有初始化。

本篇文章就總結到這里。最后，由于時間倉促，資質有限，文中要是有表述不準確的地方還望見諒，也歡迎指正。

總結

以上是生活随笔為你收集整理的javascript中not defined、undefined、null以及NaN的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。