JavaScript之不可靠的undefined
undefined在 JavaScript 中,假設(shè)我們想判斷一個(gè)是否是undefined,那么我們通常會(huì)這樣寫:
if(a === undefined){//code}
但是,JavaScript 中的undefined并不可靠,我們?cè)囍鴮戇@樣一個(gè)函數(shù):
function test(a) {
var undefined = 1;
console.log(undefined); // => 1
if(a===undefined) {
// ...
}
}
可以看到,undefined被輕易地修改為了1,使得我們之后的對(duì)于undefined理解引起歧義。所以,在 JavaScript 中,把undefined直接解釋為 “未定義” 是有風(fēng)險(xiǎn)的,因?yàn)檫@個(gè)標(biāo)識(shí)符可能被篡改。
在 ES5 之前,全局的undefined也是可以被修改的,而在 ES5 中,該標(biāo)識(shí)符被設(shè)計(jì)為了只讀標(biāo)識(shí)符, 假如你現(xiàn)在的瀏覽器不是太老,你可以在控制臺(tái)中輸入以下語(yǔ)句測(cè)試一下:
undefined = 1; console.log(undefined); // => undefined
現(xiàn)在我們能夠明確的,標(biāo)識(shí)符undefined并不能真正反映 “未定義”,所以我們得通過(guò)其他手段獲得這一語(yǔ)義。幸好 JavaScript 還提供了void運(yùn)算符,該運(yùn)算符會(huì)對(duì)指定的表達(dá)式求值,并返回受信任的undefined:
void expression
最常見(jiàn)的用法是通過(guò)以下運(yùn)算來(lái)獲得undefined,表達(dá)式為0時(shí)的運(yùn)算開(kāi)銷最小:
void 0; // or void(0);
所有需要獲得undefined地方,都通過(guò)void 0進(jìn)行了替代
當(dāng)然,獲取undefined還有另一種方式:看過(guò)jquery源碼的同學(xué),應(yīng)該知道里面的立即執(zhí)行函數(shù):
(function(window,undefined) {
// ...
})(window)
在這個(gè)函數(shù)中,我們沒(méi)有向其傳遞第二參數(shù)(形參名叫undefined),那么第二個(gè)參數(shù)的值就會(huì)被認(rèn)為 “未定義”,因此,通過(guò)這種方式,在該函數(shù)的作用域中所有的undefined都為受信的undefined。
以上就是JavaScript之不可靠的undefined的詳細(xì)內(nèi)容,更多關(guān)于JavaScript之不可靠的undefined的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
- 處理JavaScript值為undefined的7個(gè)小技巧
- JavaScript undefined及null區(qū)別實(shí)例解析
- JavaScript中的null和undefined用法解析
- javascript中undefined的本質(zhì)解析
- JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法
- Javascript類型系統(tǒng)之undefined和null淺析
- javascript類型系統(tǒng)——undefined和null全面了解
- Javascript基礎(chǔ)_簡(jiǎn)單比較undefined和null 值
- JavaScript必知必會(huì)(二) null 和undefined
- 辨析JavaScript中的Undefined類型與null類型
相關(guān)文章
EasyUi combotree 實(shí)現(xiàn)動(dòng)態(tài)加載樹(shù)節(jié)點(diǎn)
這篇文章主要介紹了EasyUi combotree 實(shí)現(xiàn)動(dòng)態(tài)加載樹(shù)節(jié)點(diǎn)的相關(guān)資料,需要的朋友可以參考下2016-04-04
JavaScript 判斷iPhone X Series機(jī)型的方法
這篇文章主要介紹了JavaScript 判斷iPhone X Series機(jī)型的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
bootstrap實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條效果
本篇文章主要介紹了bootstrap實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條效果,進(jìn)度條可以加強(qiáng)應(yīng)用的用戶體驗(yàn)效果,看到數(shù)字,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-03-03
JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼,涉及javascript動(dòng)態(tài)切換頁(yè)面樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
JavaScript實(shí)現(xiàn)下拉菜單的顯示隱藏
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)下拉菜單的顯示隱藏,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
js showModalDialog 彈出對(duì)話框的簡(jiǎn)單實(shí)例(子窗體)
本篇文章主要是對(duì)js_showModalDialog彈出對(duì)話框的簡(jiǎn)單實(shí)例(子窗體) 進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01
深入理解Javascript中的循環(huán)優(yōu)化
這篇文章介紹了Javascript中的循環(huán)優(yōu)化,有需要的朋友可以參考一下2013-11-11
網(wǎng)頁(yè)開(kāi)發(fā)中的容易忽略的問(wèn)題 javascript HTML中的table
最近在搞在線電子表格這個(gè)東西,下面的是使用中的一些知識(shí)技巧。2009-04-04

