Javascript 中的false,零值,null,undefined和Null 字元串對象

來源:互聯網
上載者:User
 

Javascript 中的false,零值,null,undefined和Null 字元串對象

在Javascript
中,我們經常會接觸到題目中提到的這5個比較特別的對象--false
、0、Null 字元串
、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 字元串是字串類型對象,null是object對象,undefined類型還是undefined。

互等性

當你用==操作符將false對象和其他對象進行比較的時候,你會發現, 只有0和Null 字元串等於false(0和Null 字元串同樣也相等
);undefined和null對象並不等於false對象,而null和undefined是相等的

<scripttype="text/javascript">
alert(false == undefined);
alert(false == null);
alert(false == 0);
alert(false == "");
alert(null == undefined);
</script>

我們可以把0、Null 字元串和false歸為一類,稱為"假值
";把null和undefined歸為一類,稱為"空值
"。假值還算一個有效對象,因此可以對其使用toString等類型相關的方法,而空值
則不行。下面的代碼將會拋出異常:

<scripttype="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

。如下範例程式碼:

<scripttype="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表示Null 物件。如果變數顯式或者隱式(由Javascript引擎進行賦值)地被賦予了undefined,
那麼代表了此變數未被定義,如果被賦予null值,則代表此變數被初始化為空白值。

在Javascript中,變數是通過var聲明,=賦值符進行定義(初始設定變數所指向的對象)。當然,如果聲明一個全域變數(作為window屬性)可以不使用var關鍵字。變數可以在聲明的同時進行定義。

<scripttype="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引擎對於沒有顯式指定對象鏈的變數,會嘗試從最近的範圍開始尋找變數,尋找失敗,則退到父級作用鏈進行尋找。如果均尋找失敗,則拋
出"變數未定義"的異常。

這兩個值在進行數字運算的時候也有不同。

<scripttype="text/javascript">
alert(1+undefined); // "NaN"
alert(1+null); // "1"
</script>

從null和undefined的意義上來說,這是很好理解的。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.