在JavaScript開發(fā)中,被人問到:null與undefined到底有啥區(qū)別?

    一時(shí)間不好回答,特別是undefined,因?yàn)檫@涉及到undefined的實(shí)現(xiàn)原理。于是,細(xì)想之后,寫下本文,請(qǐng)各位大俠拍磚。

    總所周知:null == undefined

    但是:null !== undefined

    那么這兩者到底有啥區(qū)別呢?

    請(qǐng)聽俺娓娓道來...

null

    這是一個(gè)對(duì)象,但是為空。因?yàn)槭菍?duì)象,所以 typeof null  返回 'object' 。

    null 是 JavaScript 保留關(guān)鍵字。

    null 參與數(shù)值運(yùn)算時(shí)其值會(huì)自動(dòng)轉(zhuǎn)換為 0 ,因此,下列表達(dá)式計(jì)算后會(huì)得到正確的數(shù)值:

    表達(dá)式:123 + null    結(jié)果值:123

    表達(dá)式:123 * null    結(jié)果值:0

undefined

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

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

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

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

 
從中可以看出,undefined是window對(duì)象的一個(gè)屬性,但卻不是anObj對(duì)象的一個(gè)屬性。

  注意:盡管undefined是有特殊含義的屬性,但卻不是JavaScript的保留關(guān)鍵字。

  undefined參與任何數(shù)值計(jì)算時(shí),其結(jié)果一定是NaN。

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

提高undefined性能

  當(dāng)我們?cè)诔绦蛑惺褂胾ndefined值時(shí),實(shí)際上使用的是window對(duì)象的undefined屬性。

  同樣,當(dāng)我們定義一個(gè)變量但未賦予其初始值,例如:

    var aValue;

  這時(shí),JavaScript在所謂的預(yù)編譯時(shí)會(huì)將其初始值設(shè)置為對(duì)window.undefined屬性的引用,

  于是,當(dāng)我們將一個(gè)變量或值與undefined比較時(shí),實(shí)際上是與window對(duì)象的undefined屬性比較。這個(gè)比較過程中,JavaScript會(huì)搜索window對(duì)象名叫‘undefined'的屬性,然后再比較兩個(gè)操作數(shù)的引用指針是否相同。

  由于window對(duì)象的屬性值是非常多的,在每一次與undefined的比較中,搜索window對(duì)象的undefined屬性都會(huì)花費(fèi)時(shí) 間。在需要頻繁與undefined進(jìn)行比較的函數(shù)中,這可能會(huì)是一個(gè)性能問題點(diǎn)。因此,在這種情況下,我們可以自行定義一個(gè)局部的undefined變 量,來加快對(duì)undefined的比較速度。例如:

    function anyFunc()
    {
        var undefined;          //自定義局部undefined變量
        
        if(x == undefined)      //作用域上的引用比較
        
        
        while(y != undefined)   //作用域上的引用比較
        
    };
    其中,定義undefined局部變量時(shí),其初始值會(huì)是對(duì)window.undefined屬性值的引用。新定義的局部undefined變量存在與 該函數(shù)的作用域上。在隨后的比較操作中,JavaScript代碼的書寫方式?jīng)]有任何的改變,但比較速度卻很快。因?yàn)樽饔糜蛏系淖兞繑?shù)量會(huì)遠(yuǎn)遠(yuǎn)少于 window對(duì)象的屬性,搜索變量的速度會(huì)極大提高。

  這就是許多前端JS框架為什么常常要自己定義一個(gè)局部undefined變量的原因!

 

本文來自CSDN博客,轉(zhuǎn)載請(qǐng)標(biāo)明出處:http://blog.csdn.net/leadzen/archive/2009/02/17/3899392.aspx

 

第二篇 區(qū)別Javascript中的Null與Undefined

在JavaScript中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會(huì)使JavaScript的開發(fā)人員產(chǎn)生疑惑,在什么時(shí)候是Null,什么時(shí)候又是Undefined?

Undefined類型只有一個(gè)值,即undefined。當(dāng)聲明的變量還未被初始化時(shí),變量的默認(rèn)值為undefined。

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

js 代碼


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

這段代碼顯示為true,代表oVlaue的值即為undefined,因?yàn)槲覀儧]有初始化它。

js 代碼


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

當(dāng)頁面上不存在id為”notExistElement”的DOM節(jié)點(diǎn)時(shí),這段代碼顯示為”true”,因?yàn)槲覀儑L試獲取一個(gè)不存在的對(duì)象。

js 代碼


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

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

js 代碼


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

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

js 代碼


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

使用typeof方法在前面已經(jīng)講過,null與undefined的類型是不一樣的,所以輸出”false”。而===代表絕對(duì)等于,在這里null === undefined輸出false。

以上是轉(zhuǎn)載內(nèi)容:

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

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

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

分類: JS