JavaScript中两种类型的全局对象/函数
这里所说的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是可以被重写的,但不会有谁去重写它们的。这里仅仅做个测试。
如window,alert,setTimeout,document,location等,多数浏览器都会限制其重写,如Js代码 1.window = 55; 2.alert(window); window = 55;alert(window); 该句在IE下会出错提示非法复制,后面的弹出框没有执行。其它浏览器则当window=55不存在,仍然弹出了window。再重写下alert Js代码 1.alert = 55; 2.console.log(alert); alert = 55;console.log(alert); IE下提示报错,Firefox/Chrome/Safari/Opera竟然被重写了,从对应的控制台可以看到输出了55。可以看出对于宿主环境提供的全局对象/函数,有的浏览器不支持重写,有的则可以重写 。以下是两种方式声明全局变量 Js代码 1.a1 = 11; 2.var a2 = 22; 3. 4.for(a in window){ 5. if(a=='a1'||a=='a2'){ 6. alert(a) 7. } 8.} a1 = 11;var a2 = 22;for(a in window){if(a=='a1'||a=='a2'){alert(a)}} 上述代码在IE中不会弹出信息框,在IE中如下 C代码 1.//IE 2.with(host_object){//window 3. with(global_object){//Global 4. a1 = 11; 5. var a2 = 22; 6. } 7.} //IEwith(host_object){//windowwith(global_object){//Globala1 = 11;var a2 = 22;}} 即a1,a2是作为上面说的第一种,JS引擎提供的Global对象上的属性,而非第二种宿主环境提供的window对象上的属性。因此IE中for in window时a1,a2都不存在。如果IE中提供对象Global对象的引用,没准下面的代码可以弹出信息框。 Js代码 1.for(a in Global){ 2. if(a=='a1'||a=='a2'){ 3. alert(a) 4. } 5.} for(a in Global){if(a=='a1'||a=='a2'){alert(a)}} 在Firefox/Safari/Chrome/Opera中大概是下面的样子 C代码 1.//Firefox/Safari/Chrome/Opera 2.with(host_object){//window 3. a1 = 11; 4. var a2 = 22; 5. with(global_object){//Global 6. } 7.} //Firefox/Safari/Chrome/Operawith(host_object){//windowa1 = 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。