DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript中Null與Undefined的區別解析
JavaScript中Null與Undefined的區別解析
編輯:JavaScript綜合知識     

   這篇文章主要介紹了JavaScript中Null與Undefined的區別解析,本文給出了多個代碼實例講解它們之間的區別,需要的朋友可以參考下

  在JavaScript中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會使JavaScript的開發人員產生疑惑,在什麼時候是Null,什麼時候又是Undefined?

  Undefined類型只有一個值,即undefined。當聲明的變量還未被初始化時,變量的默認值為undefined。

  Null類型也只有一個值,即null。null用來表示尚未存在的對象,常用來表示函數企圖返回一個不存在的對象。

  代碼如下:

  var oValue;

  alert(oValue == undefined); //output "true"

  這段代碼顯示為true,代表oVlaue的值即為undefined,因為我們沒有初始化它。

   代碼如下:

  alert(null == document.getElementById('notExistElement'));

  當頁面上不存在id為"notExistElement"的DOM節點時,這段代碼顯示為"true",因為我們嘗試獲取一個不存在的對象。

   代碼如下:

  alert(typeof undefined); //output "undefined"

  alert(typeof null); //output "object"

  第一行代碼很容易理解,undefined的類型為Undefined;第二行代碼卻讓人疑惑,為什麼null的類型又是Object了呢?其實這是JavaScript最初實現的一個錯誤,後來被ECMAScript沿用下來。在今天我們可以解釋為,null即是一個不存在的對象的占位符,但是在實際編碼時還是要注意這一特性。

  代碼如下:

  alert(null == undefined); //output "true"

  ECMAScript認為undefined是從null派生出來的,所以把它們定義為相等的。但是,如果在一些情況下,我們一定要區分這兩個值,那應該怎麼辦呢?可以使用下面的兩種方法。

  代碼如下:

  alert(null === undefined); //output "false"

  alert(typeof null == typeof undefined); //output "false"

  使用typeof方法在前面已經講過,null與undefined的類型是不一樣的,所以輸出"false"。而===代表絕對等於,在這裡null === undefined輸出false。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved