淺析JavaScript中兩種類型的全局對象/函數(shù)
這里所說的JavaScript指瀏覽器環(huán)境中的包括宿主環(huán)境在內(nèi)的。第一種是ECMAScript Global Object，第二種是宿主環(huán)境(Host)下的全局對象/函數(shù)。
一、核心JavaScript內(nèi)置對象，即ECMAScript實現(xiàn)提供的不依賴于宿主環(huán)境的對象
這些對象在程序執(zhí)行之前就已經(jīng)（實例化）存在了。ECMAScript稱為The Global Object，分為以下幾種
1， 值屬性的全局對象(Value Properties of the Global Object)。有NaN，Infinity，undefined。
2， 函數(shù)屬性的全局對象(Function Properties of the Global Object)。有eval，parseInt，parseFloat，isNaN，isFinite，decodeURI，encodedURI，encodeURIComponent
3，構(gòu)造器(類)屬性的全局對象(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，其它屬性的全局對象(Other Properties of the Global Object)，可以看出成是Java中的靜態(tài)類，可以直接用類名+點號+方法名使用。有Math，JSON。
ECMAScript規(guī)范提到這些全局對象(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是可以被重寫的，但不會有誰去重寫它們的。這里僅僅做個測試。
NaN = 11;
eval = 22;
Object = 33;
Math = 44;
alert(NaN);
alert(eval);
alert(Object);
alert(Math);<BR>
分別取值屬性的全局對象， 函數(shù)屬性的全局對象，構(gòu)造器(類)屬性的全局對象，其它屬性的全局對象NaN，eval，Object，Math。結(jié)果如下
結(jié)果可以看出除了NaN在IE9(pre3)/Safari不能被重寫外，其它都被重寫了。這里只是列舉了四個，感興趣的可以將以上所有的The Global Object一一測試下。這里想表達(dá)的是核心JavaScript內(nèi)置對象一般是可以被重寫的 ，雖然沒人這么干。
下面測試下其可枚舉性
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的枚舉性一一測試下。當(dāng)然對于有些瀏覽器如Firefox，某些Global Object被重寫后又是可以被枚舉的。
二、宿主環(huán)境提供的全局對象/函數(shù)
如window,alert,setTimeout,document,location等，多數(shù)瀏覽器都會限制其重寫
window = 55;
alert(window);
該句在IE下會出錯提示非法復(fù)制，后面的彈出框沒有執(zhí)行。其它瀏覽器則當(dāng)window=55不存在，仍然彈出了window。
再重寫下alert
alert = 55;
console.log(alert);
IE下提示報錯，F(xiàn)irefox/Chrome/Safari/Opera竟然被重寫了，從對應(yīng)的控制臺可以看到輸出了55。可以看出對于宿主環(huán)境提供的全局對象/函數(shù)，有的瀏覽器不支持重寫，有的則可以重寫 。
以下是兩種方式聲明全局變量
a1 = 11;
var a2 = 22;
for(a in window){
if(a=='a1'||a=='a2'){
alert(a)
}
}
上述代碼在IE中不會彈出信息框，在IE中內(nèi)部大概如下
//IE
with(host_object){//window
with(global_object){//Global
a1 = 11;
var a2 = 22;
}
}
即a1，a2是作為上面說的第一種，JS引擎提供的Global對象上的屬性，而非第二種宿主環(huán)境提供的window對象上的屬性。因此IE中for in window時a1，a2都不存在。如果IE中提供對象Global對象的引用，沒準(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)境提供的全局對象window上的屬性。因此for in window時a1，a2都存在，彈出了信息框。
再看第三者方式聲明全局變量window.a3 = 33，這樣是顯示的把a3掛在window上作為window的屬性，因此在所有瀏覽器中for in window時都能獲取到a3。
- Nodejs學(xué)習(xí)筆記之Global Objects全局對象
- JavaScript中的全局對象介紹
- javascript中全局對象的isNaN()方法使用介紹
- javascript中全局對象的parseInt()方法使用介紹
- Javascript 陷阱 window全局對象
- js 多種變量定義(對象直接量，數(shù)組直接量和函數(shù)直接量)
- JS中類或?qū)ο蟮亩x說明
- javascript 對象的定義方法
- Javascript創(chuàng)建自定義對象 創(chuàng)建Object實例添加屬性和方法
- javascript 對象定義方法 簡單易學(xué)
- Javascript 中創(chuàng)建自定義對象的方法匯總
- JavaScript定義全局對象的方法示例
相關(guān)文章
js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法
這篇文章主要介紹了js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法,涉及javascript中onchange事件及頁面元素遍歷的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
完美兼容IE,chrome,ff的設(shè)為首頁、加入收藏及保存到桌面js代碼
這篇文章主要給大家分享了完美兼容IE,chrome,ff的設(shè)為首頁、收藏本站及保存到桌面js代碼，有需要的小伙伴參考下。2014-12-12
基于JavaScript實現(xiàn)網(wǎng)頁計算器
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)網(wǎng)頁計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
本文主要介紹了JavaScript實現(xiàn)拖拽改變元素大小的原理及具體實例分析，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)打字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
基于bootstrap實現(xiàn)多個下拉框同時搜索功能
這篇文章主要為大家詳細(xì)介紹了基于bootstrap實現(xiàn)多個下拉框同時搜索功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要給大家介紹了關(guān)于如何利用JS hash制作單頁Web應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10
這篇文章主要介紹了antd Upload 文件上傳的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
9個讓JavaScript調(diào)試更簡單的Console命令
這篇文章主要為大家詳細(xì)介紹了9個讓JavaScript調(diào)試更簡單的Console命令,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
網(wǎng)格在網(wǎng)頁布局中是一個重點和難點，布局是網(wǎng)頁設(shè)計的起點和基礎(chǔ)，本文主要介紹了Bootstrap網(wǎng)格垂直和水平對齊方式，感興趣的可以了解一下2021-07-07