JS基礎(chǔ)之undefined與null的區(qū)別分析
更新時間:2011年08月08日 19:39:50 作者:
在JavaScript開發(fā)中,被人問到:null與undefined到底有啥區(qū)別?一時間不好回答,特別是undefined,因為這涉及到undefined的實現(xiàn)原理。
于是,細(xì)想之后,寫下本文,請各位大俠拍磚。
總所周知:
null == undefined
但是:
null !== undefined
那么這兩者到底有啥區(qū)別呢?
null
這是一個對象,但是為空。因為是對象,所以 typeof null 返回 'object' 。
null 是 JavaScript 保留關(guān)鍵字。
null 參與數(shù)值運(yùn)算時其值會自動轉(zhuǎn)換為 0 ,因此,下列表達(dá)式計算后會得到正確的數(shù)值:
表達(dá)式:123 + null結(jié)果值:123
表達(dá)式:123 * null結(jié)果值: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的保留關(guān)鍵字。
undefined參與任何數(shù)值計算時,其結(jié)果一定是NaN。
隨便說一下,NaN是全局對象(window)的另一個特殊屬性,Infinity也是。這些特殊屬性都不是JavaScript的保留關(guān)鍵字!
提高undefined性能
當(dāng)我們在程序中使用undefined值時,實際上使用的是window對象的undefined屬性。
同樣,當(dāng)我們定義一個變量但未賦予其初始值,例如:
var aValue;
這時,JavaScript在所謂的預(yù)編譯時會將其初始值設(shè)置為對window.undefined屬性的引用,
于是,當(dāng)我們將一個變量或值與undefined比較時,實際上是與window對象的undefined屬性比較。這個比較過程中,JavaScript會搜索window對象名叫‘undefined'的屬性,然后再比較兩個操作數(shù)的引用指針是否相同。
由于window對象的屬性值是非常多的,在每一次與undefined的比較中,搜索window對象的undefined屬性都會花費(fèi)時 間。在需要頻繁與undefined進(jìn)行比較的函數(shù)中,這可能會是一個性能問題點(diǎn)。因此,在這種情況下,我們可以自行定義一個局部的undefined變 量,來加快對undefined的比較速度。例如:
function anyFunc()
{
var undefined; //自定義局部undefined變量
if(x == undefined) //作用域上的引用比較
while(y != undefined) //作用域上的引用比較
};
其中,定義undefined局部變量時,其初始值會是對window.undefined屬性值的引用。新定義的局部undefined變 量存在與該函數(shù)的作用域上。在隨后的比較操作中,JavaScript代碼的書寫方式?jīng)]有任何的改變,但比較速度卻很快。因為作用域上的變量數(shù)量會遠(yuǎn)遠(yuǎn)少 于window對象的屬性,搜索變量的速度會極大提高。
這就是許多前端JS框架為什么常常要自己定義一個局部undefined變量的原因!
希望通過本文的介紹,能給你帶來幫助。
總所周知:
null == undefined
但是:
null !== undefined
那么這兩者到底有啥區(qū)別呢?
null
這是一個對象,但是為空。因為是對象,所以 typeof null 返回 'object' 。
null 是 JavaScript 保留關(guān)鍵字。
null 參與數(shù)值運(yùn)算時其值會自動轉(zhuǎn)換為 0 ,因此,下列表達(dá)式計算后會得到正確的數(shù)值:
表達(dá)式:123 + null結(jié)果值:123
表達(dá)式:123 * null結(jié)果值:0
undefined
undefined是全局對象(window)的一個特殊屬性,其值是未定義的。但 typeof undefined 返回 'undefined' 。
雖然undefined是有特殊含義的,但它確實是一個屬性,而且是全局對象(window)的屬性。請看下面的代碼:
復(fù)制代碼 代碼如下:
alert('undefined' in window); //輸出:true
var anObj = {};
alert('undefined' in anObj); //輸出:false
從中可以看出,undefined是window對象的一個屬性,但卻不是anObj對象的一個屬性。
注意:盡管undefined是有特殊含義的屬性,但卻不是JavaScript的保留關(guān)鍵字。
undefined參與任何數(shù)值計算時,其結(jié)果一定是NaN。
隨便說一下,NaN是全局對象(window)的另一個特殊屬性,Infinity也是。這些特殊屬性都不是JavaScript的保留關(guān)鍵字!
提高undefined性能
當(dāng)我們在程序中使用undefined值時,實際上使用的是window對象的undefined屬性。
同樣,當(dāng)我們定義一個變量但未賦予其初始值,例如:
var aValue;
這時,JavaScript在所謂的預(yù)編譯時會將其初始值設(shè)置為對window.undefined屬性的引用,
于是,當(dāng)我們將一個變量或值與undefined比較時,實際上是與window對象的undefined屬性比較。這個比較過程中,JavaScript會搜索window對象名叫‘undefined'的屬性,然后再比較兩個操作數(shù)的引用指針是否相同。
由于window對象的屬性值是非常多的,在每一次與undefined的比較中,搜索window對象的undefined屬性都會花費(fèi)時 間。在需要頻繁與undefined進(jìn)行比較的函數(shù)中,這可能會是一個性能問題點(diǎn)。因此,在這種情況下,我們可以自行定義一個局部的undefined變 量,來加快對undefined的比較速度。例如:
復(fù)制代碼 代碼如下:
function anyFunc()
{
var undefined; //自定義局部undefined變量
if(x == undefined) //作用域上的引用比較
while(y != undefined) //作用域上的引用比較
};
其中,定義undefined局部變量時,其初始值會是對window.undefined屬性值的引用。新定義的局部undefined變 量存在與該函數(shù)的作用域上。在隨后的比較操作中,JavaScript代碼的書寫方式?jīng)]有任何的改變,但比較速度卻很快。因為作用域上的變量數(shù)量會遠(yuǎn)遠(yuǎn)少 于window對象的屬性,搜索變量的速度會極大提高。
這就是許多前端JS框架為什么常常要自己定義一個局部undefined變量的原因!
希望通過本文的介紹,能給你帶來幫助。
相關(guān)文章
javascript 彈出窗口中是否顯示地址欄的實現(xiàn)代碼
程序中通過點(diǎn)擊一個“發(fā)貨提醒”鏈接彈出另一個窗口,使用的方法是用javascript 的openUrl()方法。2011-04-04
JavaScript實現(xiàn)大數(shù)的運(yùn)算
js的'MAX_SAFE_INTEGER'是9007199254740991,而'MIN_SAFE_INTEGER'為-9007199254740991,那么如何實現(xiàn)一些特別大的數(shù)目相加?今天我們就來探討下2014-11-11
JavaScript數(shù)組基于交換的排序示例【冒泡排序】
這篇文章主要介紹了JavaScript數(shù)組基于交換的排序,結(jié)合實例形式分析了JavaScript排序算法中的冒泡排序簡單實現(xiàn)技巧,需要的朋友可以參考下2018-07-07
js編寫trim()函數(shù)及正則表達(dá)式的運(yùn)用
js中本身是沒有trim函數(shù)的,不過你可以自己寫一個,下面的實現(xiàn)方法是用到了正則表達(dá)式,效率不錯,并把這三個方法加入String對象的內(nèi)置方法中去2013-10-10
BootStrap 實現(xiàn)各種樣式的進(jìn)度條效果
這篇文章主要介紹了BootStrap 實現(xiàn)各種樣式的進(jìn)度條效果,代碼分為動態(tài)和疊加兩種效果,需要的朋友可以參考下2016-12-12

