區分JS中的undefined,null,"",0和false_javascript技巧

其實標題里面我已經列出了JavaScript中所有的"空值"和"假值"，除了boolean值本身就是true和false這兩種情況外，其它數據類型的"空值"主要是undefined和defined這兩大類。這些空值的類型分別是：
代碼如下:
typeof(undefined) == 'undefined'
typeof(null) == 'object'
typeof("") == 'string'
typeof(0) == 'number'
typeof(false) == 'boolean'

這五個值的共同點是，在if語句中做判斷，都會執行false分支。當然從廣義上來看，是說明這些數值都是其對應數據類型上的無效值或空值。還有這五個值作!運算，結果全為：true。

這幾個值中也有不同，其中undefined和null比較特殊，雖然null的類型是object，但是null不具有任何對象的特性，就是說我們并不能執行null.toString()、null.constructor等對象實例的默認調用。所以從這個意義上來說，null和undefined有最大的相似性。看看null == undefined的結果(true)也就更加能說明這點。不過相似歸相似，還是有區別的，就是和數字運算時，10 + null結果為：10；10 + undefined結果為：NaN。

另外""、0和false雖然在if語句表現為"假值"，可它們都是有意義數據，只是被作為了"空值"或"假值"，因為："".toString()，(0).toString()和false.toString()都是合法的可執行表達式。

其實這5個值在上面所說的這些差異里，并不太會給程流程控制帶來太大的問題，那么要區分它們什么呢？需要注意區分的是這些值在轉換為String時的差異是比較大的，它們到String的轉換關系是：
代碼如下:
String(undefined) -> "undefined"
String(null) -> "null"
String("") -> ""
String(0) -> "0"
String(false) -> "false"

這個轉換關系在做字符串累加時需要特別的注意，否這會出些意想不到的問題，今天就遇到一個null被默認轉為"null"給弄得迷糊了好一陣子。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com