1. 程式人生 > >Javascript 中 null、NaN和undefined的區別總結

Javascript 中 null、NaN和undefined的區別總結

js中的資料型別有undefined,boolean,number,string,object等5種,前4種為原始型別,第5種為引用型別,接下來與大家分享下它們之間的區別

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> 輸出: 

[補充]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