解剖JavaScript中的null和undefined
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
在JavaScript開發(fā)中,被人問到:null與undefined到底有啥區(qū)別?
一時間不好回答,特別是undefined,因為這涉及到undefined的實現(xiàn)原理。于是,細想之后,寫下本文,請各位大俠拍磚。 總所周知:null == undefined 但是:null !== undefined 那么這兩者到底有啥區(qū)別呢? 請聽俺娓娓道來... null 這是一個對象,但是為空。因為是對象,所以 typeof null 返回 'object' 。 null 是 JavaScript 保留關鍵字。 null 參與數(shù)值運算時其值會自動轉換為 0 ,因此,下列表達式計算后會得到正確的數(shù)值: 表達式: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參與任何數(shù)值計算時,其結果一定是NaN。 隨便說一下,NaN是全局對象(window)的另一個特殊屬性,Infinity也是。這些特殊屬性都不是JavaScript的保留關鍵字! 提高undefined性能 當我們在程序中使用undefined值時,實際上使用的是window對象的undefined屬性。 同樣,當我們定義一個變量但未賦予其初始值,例如: var aValue; 這時,JavaScript在所謂的預編譯時會將其初始值設置為對window.undefined屬性的引用, 于是,當我們將一個變量或值與undefined比較時,實際上是與window對象的undefined屬性比較。這個比較過程中,JavaScript會搜索window對象名叫‘undefined'的屬性,然后再比較兩個操作數(shù)的引用指針是否相同。 由于window對象的屬性值是非常多的,在每一次與undefined的比較中,搜索window對象的undefined屬性都會花費時間。在需要頻繁與undefined進行比較的函數(shù)中,這可能會是一個性能問題點。因此,在這種情況下,我們可以自行定義一個局部的undefined變量,來加快對undefined的比較速度。例如: function anyFunc() { var undefined; //自定義局部undefined變量 if(x == undefined) //作用域上的引用比較 while(y != undefined) //作用域上的引用比較 }; 其中,定義undefined局部變量時,其初始值會是對window.undefined屬性值的引用。新定義的局部undefined變量存在與該函數(shù)的作用域上。在隨后的比較操作中,JavaScript代碼的書寫方式?jīng)]有任何的改變,但比較速度卻很快。因為作用域上的變量數(shù)量會遠遠少于window對象的屬性,搜索變量的速度會極大提高。 這就是許多前端JS框架為什么常常要自己定義一個局部undefined變量的原因! 該文章在 2010/8/13 18:45:38 編輯過 |
關鍵字查詢
相關文章
正在查詢... |