淺談Javascript中undefined和null的區別

第一篇 解剖JavaScript中的null和undefined

 在JavaScript開發中,被人問到:null與undefined到底有啥區別?

    一時間不好回答,特別是undefined,因爲這涉及到undefined的實現原理。於是,細想之後,寫下本文,請各位大俠拍磚。

    總所周知:null == undefined

    但是:null !== undefined

    那麼這兩者到底有啥區別呢?

    請聽俺娓娓道來...

null

    這是一個對象,但是爲空。因爲是對象,所以 typeof null  返回 'object' 。

    null 是 JavaScript 保留關鍵字。

    null 參與數值運算時其值會自動轉換爲 0 ,因此,下列表達式計算後會得到正確的數值:

    表達式:123 + null    結果值:123

    表達式:123 * null    結果值:0

undefined

  undefined是全局對象(window)的一個特殊屬性,其值是未定義的。但 typeof undefined 返回 'undefined' 。

      雖然undefined是有特殊含義的,但它確實是一個屬性,而且是全局對象(window)的屬性。請看下面的代碼:

    alert('undefined' in window);   //輸出:true

     var anObj = {};
     alert('undefined' in anObj);    //輸出:false

 
從中可以看出,undefined是window對象的一個屬性,但卻不是anObj對象的一個屬性。

  注意:儘管undefined是有特殊含義的屬性,但卻不是JavaScript的保留關鍵字。

  undefined參與任何數值計算時,其結果一定是NaN。

  隨便說一下,NaN是全局對象(window)的另一個特殊屬性,Infinity也是。這些特殊屬性都不是JavaScript的保留關鍵字!

提高undefined性能

  當我們在程序中使用undefined值時,實際上使用的是window對象的undefined屬性。

  同樣,當我們定義一個變量但未賦予其初始值,例如:

    var aValue;

  這時,JavaScript在所謂的預編譯時會將其初始值設置爲對window.undefined屬性的引用,

  於是,當我們將一個變量或值與undefined比較時,實際上是與window對象的undefined屬性比較。這個比較過程中,JavaScript會搜索window對象名叫‘undefined'的屬性,然後再比較兩個操作數的引用指針是否相同。

  由於window對象的屬性值是非常多的,在每一次與undefined的比較中,搜索window對象的undefined屬性都會花費時 間。在需要頻繁與undefined進行比較的函數中,這可能會是一個性能問題點。因此,在這種情況下,我們可以自行定義一個局部的undefined變 量,來加快對undefined的比較速度。例如:

    function anyFunc()
    {
        var undefined;          //自定義局部undefined變量
        
        if(x == undefined)      //作用域上的引用比較
        
        
        while(y != undefined)   //作用域上的引用比較
        
    };
    其中,定義undefined局部變量時,其初始值會是對window.undefined屬性值的引用。新定義的局部undefined變量存在與 該函數的作用域上。在隨後的比較操作中,JavaScript代碼的書寫方式沒有任何的改變,但比較速度卻很快。因爲作用域上的變量數量會遠遠少於 window對象的屬性,搜索變量的速度會極大提高。

  這就是許多前端JS框架爲什麼常常要自己定義一個局部undefined變量的原因!

 

本文來自CSDN博客,轉載請標明出處:http://blog.csdn.net/leadzen/archive/2009/02/17/3899392.aspx

 

第二篇 區別Javascript中的Null與Undefined

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

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

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

js 代碼


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

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

js 代碼


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

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

js 代碼


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

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

js 代碼


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

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

js 代碼


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

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

以上是轉載內容:

document.getElementById('不存在的元素')返回的是null

document.getElementById('不存在的元素').value返回的是undefined

jqury-->ajax(post,getJSON)函數中如果{id:undefined}的話,則此參數id不會提交到服務器中,{id:null}會提交到服務器中,如果是將參數直接寫到url中則也會提交到服務器上

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