91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

    在JavaScript開發(fā)中，被人問到：null與undefined到底有啥區(qū)別？

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

    總所周知：null == undefined

    但是：null !== undefined

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

    請聽俺娓娓道來...

null

    這是一個對象，但是為空。因?yàn)槭菍ο螅?typeof null  返回 'object' 。

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

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

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

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

undefined

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

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

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

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

　　隨便說一下，NaN是全局對象（window）的另一個特殊屬性，Infinity也是。這些特殊屬性都不是JavaScript的保留關(guān)鍵字！

提高undefined性能

　　當(dāng)我們在程序中使用undefined值時，實(shí)際上使用的是window對象的undefined屬性。

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

　　　　var aValue;

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

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

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

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

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