首頁 > web前端 > js教程 > 主體

JavaScript中的null和undefined差異介紹_javascript技巧

WBOY
發布: 2016-05-16 16:22:31
原創
1095 人瀏覽過

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());

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板