JavaScript 中兩種類型的全局對象/函數

作者: snandy 來源: 博客園發布時間: 2011-03-21 20:58 閱讀: 1577 次推薦: 0 原文鏈接 [收藏]

摘要：這里所說的JavaScript指瀏覽器環境中的包括宿主環境在內的。第一種是ECMAScript Global Object，第二種是宿主環境(Host)下的全局對象/函數。

　　一、核心JavaScript內置對象，即ECMAScript實現提供的不依賴于宿主環境的對象
　　這些對象在程序執行之前就已經（實例化）存在了。ECMAScript稱為The Global Object，分為以下幾種：
　　1，值屬性的全局對象(Value Properties of the Global Object)。有NaN，Infinity，undefined。
　　2，函數屬性的全局對象(Function Properties of the Global Object)。有eval，parseInt，parseFloat，isNaN，isFinite，decodeURI，encodedURI，encodeURIComponent
　　3，構造器(類)屬性的全局對象(Constructor Properties of the Global Object)。有Object，Function，Array，String，Boolean，Number，Date，RegExp，Error，EvalError，
RangeError，ReferenceError，SyntaxError，TypeError，URIError。
　　4，其它屬性的全局對象(Other Properties of the Global Object)，可以看出成是Java中的靜態類，可以直接用類名+點號+方法名使用。有Math，JSON。
　　ECMAScript規范提到這些全局對象(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}.

　　雖然規范提到The Global Object是可以被重寫的，但不會有誰去重寫它們的。這里僅僅做個測試。

NaN = 11;
eval = 22;
Object = 33;
Math = 44;

alert(NaN);
alert(eval);
alert(Object);
alert(Math);

　　分別取值屬性的全局對象，函數屬性的全局對象，構造器(類)屬性的全局對象，其它屬性的全局對象NaN，eval，Object，Math。結果如下：

　　結果可以看出除了NaN在IE9(pre3)/Safari不能被重寫外，其它都被重寫了。這里只是列舉了四個，感興趣的可以將以上所有的The Global Object一一測試下。這里想表達的是核心JavaScript內置對象一般是可以被重寫的，雖然沒人這么干。
　　下面測試下其可枚舉性：

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的枚舉性一一測試下。當然對于有些瀏覽器如Firefox，某些Global Object被重寫后又是可以被枚舉的。

　　二、宿主環境提供的全局對象/函數
　　如window,alert,setTimeout,document,location等，多數瀏覽器都會限制其重：

window = 55;
alert(window);

　　該句在IE下會出錯提示非法復制，后面的彈出框沒有執行。其它瀏覽器則當window=55不存在，仍然彈出了window。

　　再重寫下alert：

alert = 55;
console.log(alert);

　　IE下提示報錯，Firefox/Chrome/Safari/Opera竟然被重寫了，從對應的控制臺可以看到輸出了55。可以看出對于宿主環境提供的全局對象/函數，有的瀏覽器不支持重寫，有的則可以重寫。

　　以下是兩種方式聲明全局變：

a1 = 11;
var a2 = 22;

for(a in window){
if(a=='a1'||a=='a2'){
alert(a)
}
}

　　上述代碼在IE中不會彈出信息框，在IE中內部大概如下：

//IE
with(host_object){//window
with(global_object){//Global
a1 = 11;
var a2 = 22;
}
}

　　即a1，a2是作為上面說的第一種，JS引擎提供的Global對象上的屬性，而非第二種宿主環境提供的window對象上的屬性。因此IE中for in window時a1，a2都不存在。如果IE中提供對象Global對象的引用，沒準下面的代碼可以彈出信息框。

for(a in Global){
if(a=='a1'||a=='a2'){
alert(a)
}
}

　　Firefox/Safari/Chrome/Opera中內部大概是下面的樣子：

//Firefox/Safari/Chrome/Opera
with(host_object){//window
a1 = 11;
var a2 = 22;
with(global_object){//Global
}
}

　　即a1,a2是作為上面說的第二種，宿主環境提供的全局對象window上的屬性。因此for in window時a1，a2都存在，彈出了信息框。
　　再看第三者方式聲明全局變量window.a3 = 33，這樣是顯示的把a3掛在window上作為window的屬性，因此在所有瀏覽器中for in window時都能獲取到a3。

標簽：JavaScript