Javascript 中的false、0、null、undefined和空字符串對象


在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的意義上來說,這是很好理解的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM