DIV CSS 佈局教程網

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

JavaScript中存在2個代表信息不存在的特殊值:null和undefined。個人認為可以從以下角度來理解這兩個特殊值之間的區別:

1.null代表有存儲信息的容器(比如之前被賦過值的變量),但該容器中的內容為空。
2.undefined代表不存在用於存儲信息的容器。

JavaScript中的null與其它多數編程語言中的null沒有什麼區別,基本用於表示信息值為空;而在JavaScript中下述情況下表達式返回結果為undefined:

1.從未被賦過值的變量。
2.訪問某個對象不存在的屬性值。
3.訪問數組中不存在的成員。
4.調用沒有return語句的函數。
5.調用return語句為空(“return ;”)的函數。

事實上,和Infinity、NaN一樣,undefined在JavaScript中是一個全局變量,在ECMAScript 3中甚至可以被賦予其它值。ECMAScript 5糾正了這個錯誤,並將undefined變量設定為只讀。

對於null和undefined之間的比較,可以使用===全等操作符。如果使用普通的==操作符,null與undefined是等價的:


復制代碼 代碼如下:
console.log(null == undefined);//true
console.log(null === undefined);//false


在程序編寫過程中,如果需要對某個變量賦以空值,一般使用null而不是undefined。其原因在於:

1.undefined一般認為是屬於系統層面的、報錯層面的信息缺失。
2.null一般認為是屬於編程層面的、邏輯操作層面的信息值為空。

如果在程序中涉及類型轉換,那麼當轉換為number類型時,null和undefined的結果是不一樣的:

1.undefined轉換為number的結果是NaN。
2.null轉換為number的結果是0。

值得一提的是,空字符串和空數組轉換成number後的結果也是0。

至於JavaScript中為什麼要設計兩個表示“沒有”的值,可以參見阮一峰的博客文章。

實驗

在下述實驗代碼中,表達式結果均為undefined:
復制代碼 代碼如下:
var a;
console.log(a);

function Sample(x){
  this.x = x;
}
var s = new Sample();
console.log(s.x)
console.log(s.notExistVariable);

var n = [2,3,4];
console.log(n[8]);

function test(){
  //no return value for this function
}
console.log(test());

function test2(){
  return;
}
console.log(test2());

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