JavaScript中的null和undefined區(qū)別介紹
JavaScript中存在2個(gè)代表信息不存在的特殊值：null和undefined。個(gè)人認(rèn)為可以從以下角度來(lái)理解這兩個(gè)特殊值之間的區(qū)別：
1.null代表有存儲(chǔ)信息的容器(比如之前被賦過(guò)值的變量)，但該容器中的內(nèi)容為空。
2.undefined代表不存在用于存儲(chǔ)信息的容器。
JavaScript中的null與其它多數(shù)編程語(yǔ)言中的null沒(méi)有什么區(qū)別，基本用于表示信息值為空；而在JavaScript中下述情況下表達(dá)式返回結(jié)果為undefined：
1.從未被賦過(guò)值的變量。
2.訪(fǎng)問(wèn)某個(gè)對(duì)象不存在的屬性值。
3.訪(fǎng)問(wèn)數(shù)組中不存在的成員。
4.調(diào)用沒(méi)有return語(yǔ)句的函數(shù)。
5.調(diào)用return語(yǔ)句為空(“return ;”)的函數(shù)。
事實(shí)上，和Infinity、NaN一樣，undefined在JavaScript中是一個(gè)全局變量，在ECMAScript 3中甚至可以被賦予其它值。ECMAScript 5糾正了這個(gè)錯(cuò)誤，并將undefined變量設(shè)定為只讀。
對(duì)于null和undefined之間的比較，可以使用===全等操作符。如果使用普通的==操作符，null與undefined是等價(jià)的：
console.log(null == undefined);//true
console.log(null === undefined);//false
在程序編寫(xiě)過(guò)程中，如果需要對(duì)某個(gè)變量賦以空值，一般使用null而不是undefined。其原因在于：
1.undefined一般認(rèn)為是屬于系統(tǒng)層面的、報(bào)錯(cuò)層面的信息缺失。
2.null一般認(rèn)為是屬于編程層面的、邏輯操作層面的信息值為空。
如果在程序中涉及類(lèi)型轉(zhuǎn)換，那么當(dāng)轉(zhuǎn)換為number類(lèi)型時(shí)，null和undefined的結(jié)果是不一樣的：
1.undefined轉(zhuǎn)換為number的結(jié)果是NaN。
2.null轉(zhuǎn)換為number的結(jié)果是0。
值得一提的是，空字符串和空數(shù)組轉(zhuǎn)換成number后的結(jié)果也是0。
至于JavaScript中為什么要設(shè)計(jì)兩個(gè)表示“沒(méi)有”的值，可以參見(jiàn)阮一峰的博客文章。
實(shí)驗(yàn)
在下述實(shí)驗(yàn)代碼中，表達(dá)式結(jié)果均為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());
- javascript中undefined與null的區(qū)別
- 一文讓你徹底弄懂js中undefined和null的區(qū)別
- JavaScript undefined及null區(qū)別實(shí)例解析
- JavaScript中undefined和null的區(qū)別
- javascript中undefined與null的區(qū)別
- JavaScript中Null與Undefined的區(qū)別解析
- 詳解JavaScript中undefined與null的區(qū)別
- js中 關(guān)于undefined和null的區(qū)別介紹
- JS基礎(chǔ)之undefined與null的區(qū)別分析
- JS中null和undefined的區(qū)別
相關(guān)文章
javascript模擬枚舉的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)javascript模擬枚舉的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
利用Javascript裁剪圖片并存儲(chǔ)的簡(jiǎn)單實(shí)現(xiàn)
裁剪圖片對(duì)我們來(lái)說(shuō)是再熟悉不過(guò)的了，最近工作中就又遇到了這個(gè)需求，所以想著干脆整理下來(lái)，方法大家和自己在需要的時(shí)候參考學(xué)習(xí)，所以這篇文章主要介紹了利用Javascript裁剪圖片并存儲(chǔ)的簡(jiǎn)單實(shí)現(xiàn)，后端PHP處理我用的是THINKPHP框架，需要的朋友可以參考下。2017-03-03
Bootstrap Table從服務(wù)器加載數(shù)據(jù)進(jìn)行顯示的實(shí)現(xiàn)方法
Bootstrap-Table是一個(gè)Boostrap的表格插件，能夠?qū)SON數(shù)據(jù)直接顯示在表格中。接下來(lái)通過(guò)本文給大家分享Bootstrap Table從服務(wù)器加載數(shù)據(jù)進(jìn)行顯示的實(shí)現(xiàn)方法，感興趣的朋友一起看看吧2016-09-09
Javascript正則表達(dá)式實(shí)現(xiàn)輸入框驗(yàn)證信息功能實(shí)例
正則表達(dá)式是用于匹配字符串中字符組合的模式,在JavaScript中正則表達(dá)式也是對(duì)象,這篇文章主要給大家介紹了關(guān)于Javascript正則表達(dá)式實(shí)現(xiàn)輸入框驗(yàn)證信息功能的相關(guān)資料,需要的朋友可以參考下2024-05-05
JS實(shí)現(xiàn)分頁(yè)在網(wǎng)上可以搜到很多的相關(guān)文章，在本文也要為大家介紹下具體的實(shí)現(xiàn)，感興趣的朋友不要錯(cuò)過(guò)2013-10-10
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
用javascript實(shí)現(xiàn)XML的解析的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2009-11-11
Bootstrap彈出框modal上層的輸入框不能獲得焦點(diǎn)問(wèn)題的解決方法
這篇文章主要介紹了Bootstrap彈出框modal上層的輸入框不能獲得焦點(diǎn)問(wèn)題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序CSS3動(dòng)畫(huà)下拉菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
淺談Javascript實(shí)現(xiàn)繼承的方法
本文給大家簡(jiǎn)單介紹了下如何在javascript中實(shí)現(xiàn)繼承的幾種方法，十分的實(shí)用，有需要的小伙伴可以參考下。2015-07-07