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

轉自：http://www.cnblogs.com/snandy/archive/2011/03/19/1988626.html

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

1、核心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是能夠被重寫的，但不會有誰去重寫它們的。這裏僅僅作個測試。

1 2 3 4 5 6 7 8 9

NaN    = 11; eval   = 22; Object = 33; Math   = 44;   alert(NaN); alert(eval); alert(Object); alert(Math);<br>

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

結果能夠看出除了NaN在IE9(pre3)/Safari不能被重寫外，其它都被重寫了。這裏只是列舉了四個，感興趣的能夠將以上全部的The Global Object一一測試下。這裏想表達的是核心JavaScript內置對象通常是能夠被重寫的 ，雖然沒人這麼幹。

下面測試下其可枚舉性

1 2 3 4 5 6 7 8 9 10 11 12

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被重寫後又是能夠被枚舉的。

2、宿主環境提供的全局對象/函數 

如window,alert,setTimeout,document,location等，多數瀏覽器都會限制其重寫

1 2	window = 55; alert(window);

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

再重寫下alert

1 2	alert = 55; console.log(alert);

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

如下是兩種方式聲明全局變量

1 2 3 4 5 6 7 8

a1 = 11; var a2 = 22;   for (a in window){      if (a== 'a1' ||a== 'a2' ){          alert(a)      } }

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

1 2 3 4 5 6 7

//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對象的引用，沒準下面的代碼能夠彈出信息框。

1 2 3 4 5

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

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

1 2 3 4 5 6 7

//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。