淺析JavaScript中兩種類型的全局對(duì)象/函數(shù)
這里所說的JavaScript指瀏覽器環(huán)境中的包括宿主環(huán)境在內(nèi)的。第一種是ECMAScript Global Object,第二種是宿主環(huán)境(Host)下的全局對(duì)象/函數(shù)。
一、核心JavaScript內(nèi)置對(duì)象,即ECMAScript實(shí)現(xiàn)提供的不依賴于宿主環(huán)境的對(duì)象
這些對(duì)象在程序執(zhí)行之前就已經(jīng)(實(shí)例化)存在了。ECMAScript稱為The Global Object,分為以下幾種
1, 值屬性的全局對(duì)象(Value Properties of the Global Object)。有NaN,Infinity,undefined。
2, 函數(shù)屬性的全局對(duì)象(Function Properties of the Global Object)。有eval,parseInt,parseFloat,isNaN,isFinite,decodeURI,encodedURI,encodeURIComponent
3,構(gòu)造器(類)屬性的全局對(duì)象(Constructor Properties of the Global Object)。有Object,F(xiàn)unction,Array,String,Boolean,Number,Date,RegExp,Error,EvalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError。
4,其它屬性的全局對(duì)象(Other Properties of the Global Object),可以看出成是Java中的靜態(tài)類,可以直接用類名+點(diǎn)號(hào)+方法名使用。有Math,JSON。
ECMAScript規(guī)范提到這些全局對(duì)象(The Global Object)是具有Writable屬性的,即Writable為true,枚舉性(Enumerable)為false,即不能用for in枚舉。ECMAScript有這么一段
Unless otherwise specified, the standard built-in properties of the global object have attributes {[[Writable]]: true, [[Enumerable]]: false, [[Configurable]]: true}.
雖然規(guī)范提到The Global Object是可以被重寫的,但不會(huì)有誰去重寫它們的。這里僅僅做個(gè)測(cè)試。
NaN = 11;
eval = 22;
Object = 33;
Math = 44;
alert(NaN);
alert(eval);
alert(Object);
alert(Math);<BR>
分別取值屬性的全局對(duì)象, 函數(shù)屬性的全局對(duì)象,構(gòu)造器(類)屬性的全局對(duì)象,其它屬性的全局對(duì)象NaN,eval,Object,Math。結(jié)果如下

結(jié)果可以看出除了NaN在IE9(pre3)/Safari不能被重寫外,其它都被重寫了。這里只是列舉了四個(gè),感興趣的可以將以上所有的The Global Object一一測(cè)試下。這里想表達(dá)的是核心JavaScript內(nèi)置對(duì)象一般是可以被重寫的 ,雖然沒人這么干。
下面測(cè)試下其可枚舉性
for(var a in NaN){
alert(a);
}
for(var a in eval){
alert(a);
}
for(var a in Object){
alert(a);
}
for(var a in Math){
alert(a);
}
所有瀏覽器都沒有彈出,即屬性不被枚舉。感興趣的可以將以上所有的The Global Object的枚舉性一一測(cè)試下。當(dāng)然對(duì)于有些瀏覽器如Firefox,某些Global Object被重寫后又是可以被枚舉的。
二、宿主環(huán)境提供的全局對(duì)象/函數(shù)
如window,alert,setTimeout,document,location等,多數(shù)瀏覽器都會(huì)限制其重寫
window = 55;
alert(window);
該句在IE下會(huì)出錯(cuò)提示非法復(fù)制,后面的彈出框沒有執(zhí)行。其它瀏覽器則當(dāng)window=55不存在,仍然彈出了window。
再重寫下alert
alert = 55;
console.log(alert);
IE下提示報(bào)錯(cuò),F(xiàn)irefox/Chrome/Safari/Opera竟然被重寫了,從對(duì)應(yīng)的控制臺(tái)可以看到輸出了55??梢钥闯鰧?duì)于宿主環(huán)境提供的全局對(duì)象/函數(shù),有的瀏覽器不支持重寫,有的則可以重寫 。
以下是兩種方式聲明全局變量
a1 = 11;
var a2 = 22;
for(a in window){
if(a=='a1'||a=='a2'){
alert(a)
}
}
上述代碼在IE中不會(huì)彈出信息框,在IE中內(nèi)部大概如下
//IE
with(host_object){//window
with(global_object){//Global
a1 = 11;
var a2 = 22;
}
}
即a1,a2是作為上面說的第一種,JS引擎提供的Global對(duì)象上的屬性,而非第二種宿主環(huán)境提供的window對(duì)象上的屬性。因此IE中for in window時(shí)a1,a2都不存在。如果IE中提供對(duì)象Global對(duì)象的引用,沒準(zhǔn)下面的代碼可以彈出信息框。
for(a in Global){
if(a=='a1'||a=='a2'){
alert(a)
}
}
Firefox/Safari/Chrome/Opera中內(nèi)部大概是下面的樣子
//Firefox/Safari/Chrome/Opera
with(host_object){//window
a1 = 11;
var a2 = 22;
with(global_object){//Global
}
}
即a1,a2是作為上面說的第二種,宿主環(huán)境提供的全局對(duì)象window上的屬性。因此for in window時(shí)a1,a2都存在,彈出了信息框。
再看第三者方式聲明全局變量window.a3 = 33,這樣是顯示的把a(bǔ)3掛在window上作為window的屬性,因此在所有瀏覽器中for in window時(shí)都能獲取到a3。
- Nodejs學(xué)習(xí)筆記之Global Objects全局對(duì)象
- JavaScript中的全局對(duì)象介紹
- javascript中全局對(duì)象的isNaN()方法使用介紹
- javascript中全局對(duì)象的parseInt()方法使用介紹
- Javascript 陷阱 window全局對(duì)象
- js 多種變量定義(對(duì)象直接量,數(shù)組直接量和函數(shù)直接量)
- JS中類或?qū)ο蟮亩x說明
- javascript 對(duì)象的定義方法
- Javascript創(chuàng)建自定義對(duì)象 創(chuàng)建Object實(shí)例添加屬性和方法
- javascript 對(duì)象定義方法 簡(jiǎn)單易學(xué)
- Javascript 中創(chuàng)建自定義對(duì)象的方法匯總
- JavaScript定義全局對(duì)象的方法示例
相關(guān)文章
功能強(qiáng)大的Bootstrap組件(結(jié)合js)
這篇文章主要介紹了功能強(qiáng)大的Bootstrap組件,介紹js結(jié)合Bootstrap組件的使用方法,感興趣的小伙伴們可以參考一下2016-08-08js ondocumentready onmouseover onclick onmouseout 樣式
下面都是一些上面的事件觸發(fā)的事先定義的代碼。2010-07-07JavaScrip如果基于url實(shí)現(xiàn)圖片下載
這篇文章主要介紹了JavaScrip如果基于url實(shí)現(xiàn)圖片下載,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07OpenLayer實(shí)現(xiàn)自定義坐標(biāo)點(diǎn)的繪制
OpenLayers?是一個(gè)專為Web?GIS?客戶端開發(fā)提供的JavaScript?類庫(kù)包,用于實(shí)現(xiàn)標(biāo)準(zhǔn)格式發(fā)布的地圖數(shù)據(jù)訪問。本文將利用OpenLayer實(shí)現(xiàn)自定義坐標(biāo)點(diǎn)的繪制,感興趣的可以了解一下2022-04-04JS+Canvas實(shí)現(xiàn)上傳圖片截圖功能
在我們平時(shí)開發(fā)圖片上傳時(shí),有時(shí)需要實(shí)現(xiàn)圖片的裁剪功能,這篇文章主要為大家介紹了如何使用Canvas實(shí)現(xiàn)上傳圖片截圖功能,希望對(duì)大家有所幫助2023-10-10微信小程序?qū)崿F(xiàn)彈出層禁止頁(yè)面滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈出層禁止頁(yè)面滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07詳解如何在Javascript中使用Object.freeze()
這篇文章主要介紹了詳解如何在Javascript中使用Object.freeze(),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10用JavaScript動(dòng)態(tài)建立或增加CSS樣式表的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄肑avaScript動(dòng)態(tài)建立或增加CSS樣式表的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05