區(qū)分JS中的undefined,null,"",0和false
更新時(shí)間:2007年03月08日 00:00:00 作者:
在程序語(yǔ)言中定義的各種各樣的數(shù)據(jù)類型中,我們都會(huì)為其定義一個(gè)"空值"或"假值",比如對(duì)象類型的空值null,.NET Framework中數(shù)據(jù)庫(kù)字段的空值DBNull,boolean類型的假值false等等。在JavaScript中也有很多種的"空值"和"假值",那么它們都有什么共同點(diǎn)和不同點(diǎn)呢?
其實(shí)標(biāo)題里面我已經(jīng)列出了JavaScript中所有的"空值"和"假值",除了boolean值本身就是true和false這兩種情況外,其它數(shù)據(jù)類型的"空值"主要是undefined和defined這兩大類。這些空值的類型分別是:
typeof(undefined) == 'undefined'
typeof(null) == 'object'
typeof("") == 'string'
typeof(0) == 'number'
typeof(false) == 'boolean'
這五個(gè)值的共同點(diǎn)是,在if語(yǔ)句中做判斷,都會(huì)執(zhí)行false分支。當(dāng)然從廣義上來(lái)看,是說(shuō)明這些數(shù)值都是其對(duì)應(yīng)數(shù)據(jù)類型上的無(wú)效值或空值。還有這五個(gè)值作!運(yùn)算,結(jié)果全為:true。
這幾個(gè)值中也有不同,其中undefined和null比較特殊,雖然null的類型是object,但是null不具有任何對(duì)象的特性,就是說(shuō)我們并不能執(zhí)行null.toString()、null.constructor等對(duì)象實(shí)例的默認(rèn)調(diào)用。所以從這個(gè)意義上來(lái)說(shuō),null和undefined有最大的相似性??纯磏ull == undefined的結(jié)果(true)也就更加能說(shuō)明這點(diǎn)。不過(guò)相似歸相似,還是有區(qū)別的,就是和數(shù)字運(yùn)算時(shí),10 + null結(jié)果為:10;10 + undefined結(jié)果為:NaN。
另外""、0和false雖然在if語(yǔ)句表現(xiàn)為"假值",可它們都是有意義數(shù)據(jù),只是被作為了"空值"或"假值",因?yàn)椋?".toString(),(0).toString()和false.toString()都是合法的可執(zhí)行表達(dá)式。
其實(shí)這5個(gè)值在上面所說(shuō)的這些差異里,并不太會(huì)給程流程控制帶來(lái)太大的問(wèn)題,那么要區(qū)分它們什么呢?需要注意區(qū)分的是這些值在轉(zhuǎn)換為String時(shí)的差異是比較大的,它們到String的轉(zhuǎn)換關(guān)系是:
String(undefined) -> "undefined"
String(null) -> "null"
String("") -> ""
String(0) -> "0"
String(false) -> "false"
這個(gè)轉(zhuǎn)換關(guān)系在做字符串累加時(shí)需要特別的注意,否這會(huì)出些意想不到的問(wèn)題,今天就遇到一個(gè)null被默認(rèn)轉(zhuǎn)為"null"給弄得迷糊了好一陣子。
其實(shí)標(biāo)題里面我已經(jīng)列出了JavaScript中所有的"空值"和"假值",除了boolean值本身就是true和false這兩種情況外,其它數(shù)據(jù)類型的"空值"主要是undefined和defined這兩大類。這些空值的類型分別是:
復(fù)制代碼 代碼如下:
typeof(undefined) == 'undefined'
typeof(null) == 'object'
typeof("") == 'string'
typeof(0) == 'number'
typeof(false) == 'boolean'
這五個(gè)值的共同點(diǎn)是,在if語(yǔ)句中做判斷,都會(huì)執(zhí)行false分支。當(dāng)然從廣義上來(lái)看,是說(shuō)明這些數(shù)值都是其對(duì)應(yīng)數(shù)據(jù)類型上的無(wú)效值或空值。還有這五個(gè)值作!運(yùn)算,結(jié)果全為:true。
這幾個(gè)值中也有不同,其中undefined和null比較特殊,雖然null的類型是object,但是null不具有任何對(duì)象的特性,就是說(shuō)我們并不能執(zhí)行null.toString()、null.constructor等對(duì)象實(shí)例的默認(rèn)調(diào)用。所以從這個(gè)意義上來(lái)說(shuō),null和undefined有最大的相似性??纯磏ull == undefined的結(jié)果(true)也就更加能說(shuō)明這點(diǎn)。不過(guò)相似歸相似,還是有區(qū)別的,就是和數(shù)字運(yùn)算時(shí),10 + null結(jié)果為:10;10 + undefined結(jié)果為:NaN。
另外""、0和false雖然在if語(yǔ)句表現(xiàn)為"假值",可它們都是有意義數(shù)據(jù),只是被作為了"空值"或"假值",因?yàn)椋?".toString(),(0).toString()和false.toString()都是合法的可執(zhí)行表達(dá)式。
其實(shí)這5個(gè)值在上面所說(shuō)的這些差異里,并不太會(huì)給程流程控制帶來(lái)太大的問(wèn)題,那么要區(qū)分它們什么呢?需要注意區(qū)分的是這些值在轉(zhuǎn)換為String時(shí)的差異是比較大的,它們到String的轉(zhuǎn)換關(guān)系是:
復(fù)制代碼 代碼如下:
String(undefined) -> "undefined"
String(null) -> "null"
String("") -> ""
String(0) -> "0"
String(false) -> "false"
這個(gè)轉(zhuǎn)換關(guān)系在做字符串累加時(shí)需要特別的注意,否這會(huì)出些意想不到的問(wèn)題,今天就遇到一個(gè)null被默認(rèn)轉(zhuǎn)為"null"給弄得迷糊了好一陣子。
您可能感興趣的文章:
- js判斷undefined類型,undefined,null, 的區(qū)別詳細(xì)解析
- JavaScript null和undefined區(qū)別分析
- JavaScript Undefined,Null類型和NaN值區(qū)別
- JS基礎(chǔ)之undefined與null的區(qū)別分析
- Javascript 中 null、NaN和undefined的區(qū)別總結(jié)
- JS中判斷null、undefined與NaN的方法
- javascript中的undefined 與 null 的區(qū)別 補(bǔ)充篇
- js null,undefined,字符串小結(jié)
- JavaScript中undefined和null的區(qū)別
相關(guān)文章
JavaScript遞歸操作樹(shù)形結(jié)構(gòu)代碼示例
前端樹(shù)形結(jié)構(gòu)一般用于網(wǎng)頁(yè)的地理位置輸入框,地理位置級(jí)聯(lián)選擇,人員的部門(mén)選擇等,這篇文章主要給大家介紹了關(guān)于JavaScript遞歸操作樹(shù)形結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2024-01-01
JavaScript通過(guò)改變文字透明度實(shí)現(xiàn)的文字閃爍效果實(shí)例
這篇文章主要介紹了JavaScript通過(guò)改變文字透明度實(shí)現(xiàn)的文字閃爍效果,結(jié)合完整實(shí)例形式分析了javascript基于定時(shí)器周期性動(dòng)態(tài)修改頁(yè)面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
js實(shí)現(xiàn)遮罩層劃出效果是生成div而不是顯示
單純的遮蓋層劃出是比較簡(jiǎn)單的,而本例介紹的這個(gè)就有點(diǎn)難度,生成div,而不是顯示存在的div,需要的朋友可以參考下2014-07-07
javascript中的相等操作符(==與===區(qū)別)
這篇文章主要介紹了javascript中的相等操作符(==與===區(qū)別),需要的朋友可以參考下2019-12-12
JS面試題---關(guān)于算法臺(tái)階的問(wèn)題
下面小編就為大家?guī)?lái)一篇JS面試題---關(guān)于算法臺(tái)階的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
Javascript 遍歷對(duì)象中的子對(duì)象
昨天同事問(wèn)我一個(gè)問(wèn)題:“有一個(gè)JSON對(duì)象,其中有若干個(gè)子對(duì)象,如何遍歷這個(gè)對(duì)象中的子對(duì)象?”2009-07-07
微信小程序中不同頁(yè)面?zhèn)鬟f參數(shù)的操作方法
這篇文章主要介紹了微信小程序中不同頁(yè)面?zhèn)鬟f參數(shù)的操作方法,在開(kāi)發(fā)項(xiàng)目中,避免不了不同頁(yè)面之間傳遞數(shù)據(jù)等,那么就需要進(jìn)行不同頁(yè)面之間的一個(gè)數(shù)據(jù)傳遞的,需要的朋友可以參考下2023-12-12
原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
JS自定義對(duì)象實(shí)現(xiàn)Java中Map對(duì)象功能的方法
這篇文章主要介紹了JS自定義對(duì)象實(shí)現(xiàn)Java中Map對(duì)象功能的方法,可實(shí)現(xiàn)類似Java中Map對(duì)象增刪改查等功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01

