Javascript 中 null、NaN和undefined的區別

1.類型分析：

 

js中的資料類型有undefined,boolean,number,string,object等5種，前4種為原始類型，第5種為參考型別。

代碼

var a1;
var a2 = true;
var a3 = 1;
var a4 = "Hello";
var a5 = new Object();
var a6 = null;
var a7 = NaN;
var a8 = undefined;

alert(typeof a);   //顯示"undefined"
alert(typeof a1); //顯示"undefined"
alert(typeof a2); //顯示"boolean"
alert(typeof a3); //顯示"number"
alert(typeof a4); //顯示"string"
alert(typeof a5); //顯示"object"
alert(typeof a6); //顯示"object"
alert(typeof a7); //顯示"number"
alert(typeof a8); //顯示"undefined"

 

從上面的代碼中可以看出未定義的值和定義未賦值的為undefined，null是一種特殊的object,NaN是一種特殊的number。

2.比較運算

代碼

var a1;        //a1的值為undefined
var a2 = null;
var a3 = NaN;

alert(a1 == a2); //顯示"true"
alert(a1 != a2); //顯示"false"

alert(a1 == a3); //顯示"false"
alert(a1 != a3); //顯示"true"

alert(a2 == a3); //顯示"false"
alert(a2 != a3); //顯示"true"

alert(a3 == a3); //顯示"false"
alert(a3 != a3); //顯示"true"

 

從上面的代碼可以得出結論：（1）undefined與null是相等；（2）NaN與任何值都不相等，與自己也不相等。

JavaScript undefined 屬性

定義和用法

undefined 屬性用於存放 JavaScript 的 undefined 值。

文法

undefined

說明

無法使用 for/in 迴圈來枚舉 undefined 屬性，也不能用 delete 運算子來刪除它。

undefined 不是常量，可以把它設定為其他值。

當嘗試讀取不存在的對象屬性時也會返回 undefined。

提示和注釋

< 值等價於 undefined 運算子認為 運算來測試某個值是否是未定義的，因為="=" ="==">

< 表示無值，而>

執行個體

在本例中，我們將檢測兩個變數中未定義的一個：

<script type="text/javascript">

var t1=""
var t2

if (t1===undefined) {document.write("t1 is undefined")}
if (t2===undefined) {document.write("t2 is undefined")}

</script>
 
輸出：

t2 is undefined
 

[補充]

Null 資料類型 
在 Jscript 中資料類型 null 只有一個值：null。關鍵字 null 不能用作函數或變數的名稱。 

包含 null 的變數包含“無值”或“無對象”。換句話說，該變數沒有儲存有效數、字串、boolean、數組或對象。可以通過給一個變數賦 null 值來清除變數的內容。 

請注意，在 Jscript 中，null 與 0 不相等（與在 C 和 C++ 中不同）。同時應該指出的是，Jscript中 typeof 運算子將報告 null 值為 Object 類型，而非類型 null。這點潛在的混淆是為了向下相容。 

Undefined 資料類型 
如下情況使返回 undefined 值： 

對象屬性不存在， 
聲明了變數但從未賦值。 
注意不能通過與 undefined 做比較來測試一個變數是否存在，雖然可以檢查它的類型是否為“undefined”。在以下的代碼範例中，假設程式員想測試是否已經聲明變數 x ： 

// 這種方法不起作用 
if (x == undefined) 
    // 作某些操作 
// 這個方法同樣不起作用- 必須檢查 
// 字串 "undefined" 
if (typeof(x) == undefined) 
    // 作某些操作 
// 這個方法有效 
if (typeof(x) == "undefined") 
    // 作某些操作 
考慮將 undefined 值與null做比較。 

someObject.prop == null; 
如下情況時，比較的結果為 true， 

如果屬性 someObject.prop 包含 null 值， 
如果屬性 someObject.prop 不存在。 
要檢查一個對象屬性是否存在，可以使用新的 in 運算子： 
if ("prop" in someObject) 
// someObject 有屬性 ’prop’ 

在JavaScript中，null與undefined一度使人迷惑。下面的分析，有利於你更清晰的認知它(或者讓你更迷惑)： 

- null是關鍵字；undefined是Global對象的一個屬性 

- null是對象(Null 物件, 沒有任何屬性和方法)；undefined是undefined類型的值。試試下面的代碼： 

       document.writeln(typeof null); //return object 
       document.writeln(typeof undefined); //return undefined 

- 物件模型中，所有的對象都是Object或其子類的執行個體，但null對象例外： 
       document.writeln(null instanceof Object); //return false 

- null“等值(==)”於undefined，但不“全等值(===)”於undefined： 
       document.writeln(null == undefined); //return true 
       document.writeln(null === undefined); //return false 

- 運算時null與undefined都可以被類型轉換為false，但不等值於false： 
       document.writeln(!null, !undefined); //return true,true 
       document.writeln(null==false); //return false 
       document.writeln(undefined==false); //return false