跟我學(xué)習(xí)javascript的undefined與null_javascript技巧

一、理解null和undefined

在JavaScript中，null是字面量同時(shí)也是語(yǔ)言中的關(guān)鍵字，用來(lái)表示無(wú)法識(shí)別的對(duì)象值。換句話(huà)說(shuō)，這用來(lái)表示“無(wú)值（no value）”，但你可以決定什么時(shí)候得到期望值。

雖然相似，undefined實(shí)際上代表了不存在的值（non-existence of a value），也即你有東西丟失了。兩者都是完全不可變的，沒(méi)有屬性和方法，也不能給其屬性賦值。事實(shí)上, 當(dāng)你試圖訪(fǎng)問(wèn)或定義null 與 undefined的一個(gè)屬性將會(huì)引發(fā)一個(gè)類(lèi)型錯(cuò)誤（TypeError）。

沒(méi)有值代表的布爾值是false，這意味著他們?cè)跅l件上下文中會(huì)被被計(jì)算為false，如if語(yǔ)句。使用相等操作符(= =)比較這兩個(gè)值和其他false值,他們并不等于除了自己：

盡管如此，和其他相似之處，但null和undefined并不是等價(jià)的。每個(gè)作為其獨(dú)特的類(lèi)型的唯一成員,undefined是Undefined類(lèi)型和null是Object類(lèi)型。使用全等操作符（===）比較這兩個(gè)值，這要求類(lèi)型和值都相等，下面證明這一點(diǎn)：

上面說(shuō)明：null 這是一個(gè)對(duì)象，但是為空。而且 null 是 JavaScript 保留關(guān)鍵字。
另外null 參與數(shù)值運(yùn)算時(shí)其值會(huì)自動(dòng)轉(zhuǎn)換為 0 ，因此，下列表達(dá)式計(jì)算后會(huì)得到正確的數(shù)值：

undefined是全局對(duì)象（window）的一個(gè)特殊屬性，其值是未定義的。但 typeof undefined 返回 ‘undefined' 。
雖然undefined是有特殊含義的，但它確實(shí)是一個(gè)屬性，而且是全局對(duì)象（window）的屬性。請(qǐng)看下面的代碼：

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

二、產(chǎn)生Undefined情況
有許多的方法產(chǎn)生一個(gè)undefined值的代碼。它通常遇到當(dāng)試圖訪(fǎng)問(wèn)一個(gè)不存在的值時(shí)。在這種情況下，在JavaScript這種動(dòng)態(tài)的弱類(lèi)型語(yǔ)言中，只會(huì)默認(rèn)返回一個(gè)undefined值，而不是上升為一個(gè)錯(cuò)誤。

1、任何聲明變量時(shí)沒(méi)有提供一個(gè)初始值，都會(huì)有一個(gè)為undefined的默認(rèn)值：

2、當(dāng)試圖訪(fǎng)問(wèn)一個(gè)不存在的對(duì)象屬性或數(shù)組項(xiàng)時(shí)，返回一個(gè)undefined值：

3、如果省略了函數(shù)的返回語(yǔ)句, 或者return語(yǔ)句未帶任何參數(shù)返回undefined：

4、調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒(méi)有提供，該參數(shù)等于undefined

function f(x){
 console.log(x)
}
f(); // undefined

最后，undefined是一個(gè)預(yù)定義的全局變量(不像null關(guān)鍵字)初始化為undefined值：

ECMAScript 5中，這個(gè)變量是只讀的，以前并非如此。

三、null的用例

null的用例是使他與眾不同的主要方面，因?yàn)椴幌駏ndefined，null被認(rèn)為是更有用。這正是為什么typeof操作符作用于null值 時(shí)返回“object”。最初的理由是，現(xiàn)在仍然是，通常用作一個(gè)空引用一個(gè)空對(duì)象的預(yù)期,就像一個(gè)占位符。typeof的這種行為已經(jīng)被確認(rèn)為一個(gè)錯(cuò) 誤，雖然提出了修正，出于后兼容的目的，這一點(diǎn)已經(jīng)保持不變。

一般來(lái)說(shuō),如果你需要給一個(gè)變量或?qū)傩灾付ㄒ粋€(gè)不變值，將它傳遞給一個(gè)函數(shù)，或者從一個(gè)函數(shù)返回null，null幾乎總是最好的選擇。簡(jiǎn)而言之，JavaScript使用undefined并且程序員應(yīng)該使用null。

null的另一個(gè)可行的用例，也被認(rèn)為是良好的實(shí)踐是一個(gè)顯式指定變量為無(wú)效(object= null)當(dāng)一個(gè)引用不再是必需的。通過(guò)分配null值，有效地清除引用，并假設(shè)對(duì)象沒(méi)有引用其他代碼，指定垃圾收集，確?；厥諆?nèi)存。

四、提高undefined性能

當(dāng)我們?cè)诔绦蛑惺褂胾ndefined值時(shí)，實(shí)際上使用的是window對(duì)象的undefined屬性。 同樣，當(dāng)我們定義一個(gè)變量但未賦予其初始值，例如：

這時(shí)，JavaScript在所謂的預(yù)編譯時(shí)會(huì)將其初始值設(shè)置為對(duì)window.undefined屬性的引用， 于是，當(dāng)我們將一個(gè)變量或值與undefined比較時(shí)，實(shí)際上是與window對(duì)象的undefined屬性比較。這個(gè)比較過(guò)程中，JavaScript會(huì)搜索window對(duì)象名叫‘undefined'的屬性，然后再比較兩個(gè)操作數(shù)的引用指針是否相同。

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

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

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com