首頁 > web前端 > js教程 > JavaScript中的null和undefined的差別

JavaScript中的null和undefined的差別

高洛峰
發布: 2016-11-28 14:10:29
原創
1058 人瀏覽過

在JavaScript開發中,被人問到:null與undefined到底有啥差別? 一時間不好回答,特別是undefined,因為這牽涉到undefined的實作原理。

總所周知:null == undefined

但是:null !== undefined

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

null

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

null 是 JavaScript 保留關鍵字。

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

表達式:123 + null    結果值:123🀎 式表達式: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變數的原因。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板