1. 程式人生 > >區分JS中的undefined,null,"",0和false

區分JS中的undefined,null,"",0和false

今天有同事問我一個Js 問題,if (0 == ‘’) 是true 很不理解,單獨做了一下測試,記錄於此。

<script>

	alert(0 == ''); //true
	alert(0 == false); //true
	alert(false == ''); //true
	alert(null == undefined); //true
	
	alert(!0); //true
	alert(!false); //true
	alert(!undefined); //true
	alert(!null); //true
	alert(!''); //true
	
	alert(0 == undefined); //false
	alert(0 == null); //false
	alert(false == null); //false
	alert(false == undefined);//false
	alert('' == null); //false
	alert('' == undefined); //false

</script>

在程式語言中定義的各種各樣的資料型別中,我們都會為其定義一個"空值"或"假值",比如物件型別的空值null,.NET Framework中資料庫欄位的空值DBNull,boolean型別的假值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"給弄得迷糊了好一陣子。