【轉】javascript中not defined、undefined、null以及NaN的區別

原文鏈接（點擊跳轉）

第一：not defined

演示代碼：

1.   <span style="font-size:12px;"><span style="font-family:Microsoft YaHei;"><script type="text/javascript">
2.   alert(a);
3.   </script></span></span>

執行結果：報錯並提示：Uncaught ReferenceError: a is not defined，如圖：

個人理解：not defined可以翻譯為 未定義的。上面代碼中的a沒有被定義。所以會報錯並提示not defined。

第二：undefined(js的數據類型之一)

演示代碼：

1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.   var a;
3.   alert(a);
4.   </script></span>

或者

1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.   var a=undefined;
3.   alert(a);
4.   </script></span>

或者

1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.   var a={};
3.   alert(a);
4.   </script></span></span>   第三種被博友指出錯誤，這裡應該是：
   1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
   2.   alert(typeof b);
   3.   </script></span></span>

執行結果：上面三段代碼執行結果一樣：不會報錯，會列印出undefined，如圖：

個人理解：上面出現undefined的三種情況，

第一是變數被聲明瞭，但沒有賦值；

第二是手工賦值為undefined，undefined只是一個值；

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

註意：undefined除了手工賦值之外，其他情況都可以翻譯成：不明確的，也就是不知道用來幹嘛的，表示缺少值，就是某個地方應該有一個值，但是還沒有初始化。undefined 的優點在於正常使用有此值的變數不會拋出異常。

第三：null

演示代碼：

1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.   var a=document.getElementById("main");
3.   alert(a);
4.   </script></span>

執行結果：不會報錯，會列印出null，如圖：

個人理解：上面的代碼中如果實際上沒有id為main的元素，a則是null，所以null是真正不存在的東西。另外null是一個只有一個值的特殊類型。表示一個空對象引用，用typeof檢測返回是object。第二種的undefined是派生自null，所以有undefined==null。

第四：NaN

演示代碼：

1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.   var a;
3.   alert(a*2);
4.   </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，老實說，幾乎沒區別。

1.   <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
2.   var a=undefined;
3.   var a=null;
4.   </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