Javascript 中 null、NaN和undefined的差異總結_javascript技巧

1.型別分析：
js中的資料型態有undefined,boolean,number,string,object等5種，前4種為原始型，第5種為引用型別。
程式碼

複製程式碼 程式碼如下:

var a1; var a3 = 1;
var a4 = "Hello";
var a5 = new Object();
var a6 = null;
var a7 = NaN;
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 屬性，也不能用運算符來刪除它。 undefined 不是常數，可以把它設定為其他值。
當嘗試讀取不存在的物件屬性時也會傳回 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是物件(空物件, 沒有任何屬性和方法)；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