在Javascript中,我們經常會接觸到題目中提到的這5個比較特別的對象——false、0、空字符串、null和undefined。這幾個對象很容易用錯,因此在使用時必須得小心。
類型檢測
我們下來看看他們的類型分別是什麼:
<script type="text/javascript">
alert(typeof(false) === 'boolean');
alert(typeof(0) === 'number');
alert(typeof("") === 'string');
alert(typeof(null) === 'object');
alert(typeof undefined === 'undefined');
</script>
運行上述代碼,彈出的對話框應該顯示的都是true。也就是說,false是布爾類型對象,0是數字類型對象,空字符串是字符串類型對象,null是object對象,undefined類型還是undefined。
互等性
當你用==操作符將false對象和其他對象進行比較的時候,你會發現,只有0和空字符串等於false;undefined和null對象並不等於false對象,而null和undefined是相等的
<script type="text/javascript">
alert(false == undefined);
alert(false == null);
alert(false == 0);
alert(false == "");
alert(null == undefined);
</script>
我們可以把0、空字符串和false歸爲一類,稱爲“假值”;把null和undefined歸爲一類,稱爲“空值”。假值還算一個有效的對象,因此可以對其使用toString等類型相關的方法,而空值則不行。下面的代碼將會拋出異常:
<script type="text/javascript">
alert(false.toString()); // "false"
alert("".charAt(0)); // ""
alert((0).toExponential(10)); // 0.0000000e+0
alert(undefined.toString()); // throw exception "undefined has no properties"
alert(null.toString()); // "null has no properties"
</script>
字符串表示
雖然空值不能調用toString方法,但是卻可以使用String構造函數進行構造。像decodeURI這樣的函數,如果傳入的是undefined或者null,返回的是“undefined”和“null”字符串。這點很容易用錯。
<script type="text/javascript">
alert(String(false)); // "false"
alert(String("")); // ""
alert(String(0)); // 0.0000000e+0
alert(String(undefined)); // "undefined"
alert(String(null)); // "null"
alert(decodeURI(undefined));// "undefined"
alert(decodeURI(null));// "null"
</script>
假值和空值作爲if條件分支
假值和空值有一個共性,那就是在作爲if的條件分支時,均被視爲false;應用“!”操作之後得到的均爲true。如下示例代碼:
<script type="text/javascript">
var ar = [undefined,false,0,"",null];
for(var i = 0,len = ar.length; i < len; i++){
if(ar[i]){
alert("你不應該看到此對話框!");
}
}
</script>
這是因爲,這幾個對象均被視爲各自類型中的無效值或空值。因此if分支中這些對象均被視爲false對待。
null和undefined的區別
這兩個空值的區別也是容易混淆的。
undefined和null對象無非是兩個特殊對象,undefined表示無效對象,null表示空對象。如果變量顯式或者隱式(由Javascript引擎進行賦值)地被賦予了undefined,那麼代表了此變量未被定義,如果被賦予null值,則代表此變量被初始化爲空值。
在Javascript中,變量是通過var聲明,=賦值符進行定義(初始化變量所指向的對象)。當然,如果聲明一個全局變量(作爲window屬性)可以不使用var關鍵字。變量可以在聲明的同時進行定義。
<script type="text/javascript">
var undefinedVariable,nullVariable = null;
alert(undefinedVariable); // "undefined"
alert(window.undefinedVariable); // "undefined"
alert(window.abcd); // "undefined"
alert(nullVariable); // "null"
alert(abcd); // throw exception "abcd is not defined"
</script>
其實,變量如果聲明瞭但是沒有初始化,那麼Javascript引擎會將此變量自動指向undefined對象。
這裏需要注意,我們在上面引用window.abcd時,彈出的是undefined;而直接引用abcd變量時,卻拋出了一個異常。這是由於Javascript引擎對於沒有顯式指定對象鏈的變量,會嘗試從最近的作用域開始查找變量,查找失敗,則退到父級作用鏈進行查找。如果均查找失敗,則拋出“變量未定義”的異常。
這兩個值在進行數字運算的時候也有不同。
<script type="text/javascript">
alert(1+undefined); // "NaN"
alert(1+null); // "1"
</script>
從null和undefined的意義上來說,這是很好理解的。