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

                        ——Kevin Yang

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章