快捷導(dǎo)航

Javascript 中 null、NaN和undefined的區(qū)別總結(jié)

更新時(shí)間：2013年04月10日 15:28:27 作者：

js中的數(shù)據(jù)類(lèi)型有undefined,boolean,number,string,object等5種，前4種為原始類(lèi)型，第5種為引用類(lèi)型，接下來(lái)與大家分享下它們之間的區(qū)別

1.類(lèi)型分析：
js中的數(shù)據(jù)類(lèi)型有undefined,boolean,number,string,object等5種，前4種為原始類(lèi)型，第5種為引用類(lèi)型。
代碼

 
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.比較運(yùn)算

復(fù)制代碼代碼如下:

 
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" 

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

JavaScript undefined 屬性

定義和用法
undefined 屬性用于存放 JavaScript 的 undefined 值。

語(yǔ)法
undefined

說(shuō)明
無(wú)法使用 for/in 循環(huán)來(lái)枚舉 undefined 屬性，也不能用 delete 運(yùn)算符來(lái)刪除它。
undefined 不是常量，可以把它設(shè)置為其他值。
當(dāng)嘗試讀取不存在的對(duì)象屬性時(shí)也會(huì)返回 undefined。
提示和注釋
< 值等價(jià)于 undefined 運(yùn)算符認(rèn)為運(yùn)算來(lái)測(cè)試某個(gè)值是否是未定義的，因?yàn)?"=" ="==">
< 表示無(wú)值，而>

實(shí)例
在本例中，我們將檢測(cè)兩個(gè)變量中未定義的一個(gè)：

復(fù)制代碼代碼如下:

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

[補(bǔ)充]Null 數(shù)據(jù)類(lèi)型
在 Jscript 中數(shù)據(jù)類(lèi)型 null 只有一個(gè)值：null。關(guān)鍵字 null 不能用作函數(shù)或變量的名稱。
包含 null 的變量包含“無(wú)值”或“無(wú)對(duì)象”。換句話說(shuō)，該變量沒(méi)有保存有效的數(shù)、字符串、boolean、數(shù)組或?qū)ο?。可以通過(guò)給一個(gè)變量賦 null 值來(lái)清除變量的內(nèi)容。

請(qǐng)注意，在 Jscript 中，null 與 0 不相等（與在 C 和 C++ 中不同）。同時(shí)應(yīng)該指出的是，Jscript中 typeof 運(yùn)算符將報(bào)告 null 值為 Object 類(lèi)型，而非類(lèi)型 null。這點(diǎn)潛在的混淆是為了向下兼容。
Undefined 數(shù)據(jù)類(lèi)型
如下情況使返回 undefined 值：
對(duì)象屬性不存在，
聲明了變量但從未賦值。

注意不能通過(guò)與 undefined 做比較來(lái)測(cè)試一個(gè)變量是否存在，雖然可以檢查它的類(lèi)型是否為“undefined”。在以下的代碼范例中，假設(shè)程序員想測(cè)試是否已經(jīng)聲明變量 x ：

復(fù)制代碼代碼如下:

 
// 這種方法不起作用 
if (x == undefined) 
// 作某些操作 
// 這個(gè)方法同樣不起作用- 必須檢查 
// 字符串 "undefined" 
if (typeof(x) == undefined) 
// 作某些操作 
// 這個(gè)方法有效 
if (typeof(x) == "undefined") 
// 作某些操作 

考慮將 undefined 值與null做比較。
someObject.prop == null;
如下情況時(shí)，比較的結(jié)果為 true，
如果屬性 someObject.prop 包含 null 值，
如果屬性 someObject.prop 不存在。
要檢查一個(gè)對(duì)象屬性是否存在，可以使用新的 in 運(yùn)算符：
if ("prop" in someObject)
// someObject 有屬性 'prop'
在JavaScript中，null與undefined一度使人迷惑。下面的分析，有利于你更清晰的認(rèn)知它(或者讓你更迷惑)：
- null是關(guān)鍵字；undefined是Global對(duì)象的一個(gè)屬性
- null是對(duì)象(空對(duì)象, 沒(méi)有任何屬性和方法)；undefined是undefined類(lèi)型的值。試試下面的代碼：
document.writeln(typeof null); //return object
document.writeln(typeof undefined); //return undefined
- 對(duì)象模型中，所有的對(duì)象都是Object或其子類(lèi)的實(shí)例，但null對(duì)象例外：
document.writeln(null instanceof Object); //return false
- null“等值(==)”于undefined，但不“全等值(===)”于undefined：
document.writeln(null == undefined); //return true
document.writeln(null === undefined); //return false
- 運(yùn)算時(shí)null與undefined都可以被類(lèi)型轉(zhuǎn)換為false，但不等值于false：
document.writeln(!null, !undefined); //return true,true
document.writeln(null==false); //return false
document.writeln(undefined==false); //return false

您可能感興趣的文章: