欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

寫出更好的JavaScript程序之undefined篇(中)

 更新時間:2009年11月23日 00:43:42   投稿:mdxy-dxy  
前一篇我介紹了幾種廣為使用的利用undefined這個概念值的辦法,這一篇我會介紹一些不太常見的辦法,其中還包括一個很巧妙的,我個人覺得很值得推廣的辦法。

寫在前面的依然是消歧義聲明:本文中JavaScript是指一般意義上的JavaScript,并不只限定“自稱是JavaScript”的運行環(huán)境;“全局變量”和“全局對象的屬性”是指同樣的東西,只是因為要配合上下文才用了不同的說法,正文中我就不再另外解釋了;“聲明”指通過“var”語句聲明變量和/或?qū)瘮?shù)及其簽名的定義;“變量”指通過“var”語句聲明過或者在函數(shù)體中試圖訪問的命名參數(shù);“undefined”指名為“undefined”的值(全局或本地變量),而“未定義”指type(...) == “undefined”的概念值;“output”是向我們顯示傳入?yún)?shù)的函數(shù),其實就是“alert”的同類。

首先介紹的是和void(0)具有異曲同工之妙的一種辦法,我們知道在JavaScript中嘗試訪問任何一個“沒有返回值”的函數(shù)的執(zhí)行結(jié)果,都會得到“未定義”這個概念值,所以我們可以這樣做:
myVar = function(){}();
這個方法的原理是創(chuàng)建一個空函數(shù),并且獲取其(根本不存在的)返回值。很明顯,我們會得到“未定義”這個概念值,這個原理是和void(0)一樣的。
需要特別注意的是,只有當(dāng)function關(guān)鍵字不在語句之首的時候,才可以使用這種調(diào)用方式;如果需要直接調(diào)用一個匿名函數(shù),應(yīng)該這樣做:

(function(){
// code here
})();
假如我們不想污染全局作用域,我們就可以用這種方式來創(chuàng)造一個閉包——很多現(xiàn)有的JavaScript庫就是這樣做的。
這種辦法是在不了解void(0)的執(zhí)行效果的情況下誕生的,既然我們知道void(0),也就不需要這種辦法了。

第二種不常見的辦法是訪問window.undefined,就像下邊這樣:
output(myVar === window.undefined);
myVar = window.undefined;
這種辦法的原理是:
如果JavaScript的運行環(huán)境預(yù)定義了undefined這一值,window.undefined就可以直接訪問到;
如果沒有預(yù)先定義undefined這一值,window.undefined就會返回“未定義”這一概念值——還是我們想要的東西。
訪問形式從“全局變量”變成“屬性”以后,腳本引擎就不會認(rèn)為這是一個意外操作了,因此代碼可以正確執(zhí)行。


然而這種辦法還是存在不足:
undefined在所有的JavaScript引擎中都不是保留字,也就是說它是可以被污染的,這會影響我們的程序的運行效果;
直接訪問全局對象的屬性效率是很差的,應(yīng)該避免這么做。

因此,接下來就要介紹我所見過的最為有趣的辦法——在本地聲明undefined變量!
它的做法是這樣的:
function myFunc(){
var undefined;
// some code here
output(myVar === undefined);
myVar = undefined;
}
說到這里我要提一下,有的人對“早期的瀏覽器上沒有undefined”這一說法有不同的理解,認(rèn)為上面這樣的做法是行不通的。
而我認(rèn)為這種觀點是不對的,在我的印象中(大約是2003年),IE5雖然沒有預(yù)定義undefined,但并不影響我們的不指派聲明。
不過畢竟是很多年前的事情,記憶模糊,為了避免想當(dāng)然造成的錯誤,我特地裝了Windows 98來實驗一下:
這種調(diào)用產(chǎn)生了異常,但在這個例子中被捕獲了
這種調(diào)用不會產(chǎn)生異常

上面兩幅是用了QQ屏幕截取 ,不知道為什么變成了JPG,下邊這幅是用OneNote截取的。

IE的版本

由此可以得出,為這樣不指派聲明undefined變量擔(dān)憂是多余的。
前一篇解釋過,在JavaScript中,如果嘗試讀取一個沒有預(yù)定義也未聲明過的變量,會引發(fā)一個“不存在(未定義)”異常,因此在早期的瀏覽器上如果直接訪問undefined的操作可能會失敗。
這種(引發(fā)異常的)現(xiàn)象可能是為了方便排除故障而有意設(shè)計的;而對于聲明過的變量,即使是未經(jīng)賦值,也不會在讀取的時候引發(fā)異常——經(jīng)過聲明就表示開發(fā)人員確定有“這個東西”。

上面這種在函數(shù)作用域內(nèi)聲明本地變量undefined的做法,既解決了引用未聲明變量會引發(fā)異常的問題,又避免了受全局變量污染的影響,還取代了void(0)這種乍看之下意味不明的小把戲,不僅沒有造成難以覺察的拼寫錯誤的隱患,還能提高運算效率——真是一舉N得的妙招!
所以了解了這么多之后就發(fā)現(xiàn),最后介紹的這種辦法實在是居家旅行首選
如果有人問:“undefined應(yīng)該怎么用?”我們現(xiàn)在就可以回答:就這么用!


終于到了結(jié)尾,有的人可能忍不住要問了:為什么在這個系列中我的代碼示例都用三個等號的“嚴(yán)格相等”來比較?兩個等號的普通的“相等”有什么問題嗎?
這就是這個系列的下篇要講解的內(nèi)容:undefined及其各種等價形態(tài)的適用場合。

相關(guān)文章

  • JsonServer安裝及啟動過程圖解

    JsonServer安裝及啟動過程圖解

    這篇文章主要介紹了JsonServer安裝及啟動過程圖解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-02-02
  • Echarts如何重新渲染實例詳解

    Echarts如何重新渲染實例詳解

    這篇文章主要給大家介紹了關(guān)于Echarts重新渲染的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2022-05-05
  • 用JavaScript檢查大寫鍵(Caps Lock)是否打開的腳本

    用JavaScript檢查大寫鍵(Caps Lock)是否打開的腳本

    用JavaScript檢查大寫鍵(Caps Lock)是否打開的腳本...
    2007-06-06
  • 微信小程序項目實踐之九宮格實現(xiàn)及item跳轉(zhuǎn)功能

    微信小程序項目實踐之九宮格實現(xiàn)及item跳轉(zhuǎn)功能

    這篇文章主要介紹了微信小程序項目實踐之九宮格實現(xiàn)及item跳轉(zhuǎn)功能,需要的朋友可以參考下
    2018-07-07
  • 15 個 JavaScript Web UI 庫

    15 個 JavaScript Web UI 庫

    本文介紹了 15 個非常強大的 JavaScript Web UI 庫,非常適合各種各種規(guī)模的富 Web 應(yīng)用的開發(fā)。
    2010-05-05
  • js eval函數(shù)使用,js對象和字符串互轉(zhuǎn)實例

    js eval函數(shù)使用,js對象和字符串互轉(zhuǎn)實例

    下面小編就為大家?guī)硪黄猨s eval函數(shù)使用,js對象和字符串互轉(zhuǎn)實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-03-03
  • JavaScript中Function詳解

    JavaScript中Function詳解

    函數(shù)是由關(guān)鍵字function、函數(shù)名加一組參數(shù)及置于大括號中需要執(zhí)行的一段語義定義的。今天我們就來詳細(xì)講解一下JavaScript中的Function。
    2015-02-02
  • js實現(xiàn)文本框選中的方法

    js實現(xiàn)文本框選中的方法

    這篇文章主要介紹了js實現(xiàn)文本框選中的方法,涉及javascript中select()方法的使用技巧,需要的朋友可以參考下
    2015-05-05
  • 詳解小程序開發(fā)經(jīng)驗:多頁面數(shù)據(jù)同步

    詳解小程序開發(fā)經(jīng)驗:多頁面數(shù)據(jù)同步

    這篇文章主要介紹了小程序開發(fā)經(jīng)驗:多頁面數(shù)據(jù)同步,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • 詳解JS異步加載的三種方式

    詳解JS異步加載的三種方式

    這篇文章主要介紹了詳解JS異步加載的三種方式,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-03-03

最新評論