DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript 中 null、NaN和undefined的區別總結
Javascript 中 null、NaN和undefined的區別總結
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved