日期:2014-05-16  浏览次数:20344 次

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是可以被重写的,但不会有谁去重写它们的。这里仅仅做个测试。

1.NaN    = 11;   
2.eval   = 22;   
3.Object = 33;   
4.Math   = 44;   
5.  
6.alert(NaN);   
7.alert(eval);   
8.alert(Object);   
9.alert(Math);  


分别取值属性的全局对象, 函数属性的全局对象,构造器(类)属性的全局对象,其它属性的全局对象NaN,eval,Object,Math。结果如下:


IE6/7/8 Firefox/Chrome/Opera IE9/Safari
alert(NaN) 11 NaN
alert(eval) 22 22
alert(Object) 33 33
alert(Math) 44 44

结果可以看出除了NaN在IE9(pre3)/Safari不能被重写外,其它都被重写了。

这里只是列举了四个,感兴趣的可以将以上所有的The Global Object一一测试下。这里想表达的是核心JavaScript内置对象一般是可以被重写的 ,虽然没人这么干。

下面测试下其枚举性
1.for(var a in NaN){   
2.    alert(a);   
3.}   
4.for(var a in eval){   
5.    alert(a);   
6.}   
7.for(var a in Object){   
8.    alert(a);   
9.}   
10.for(var a in Math){   
11.    alert(a);   
12.}  

所有浏览器都没有弹出,即属性不被枚举。感兴趣的可以将以上所有的The Global Object的枚举性一一测试下。
当然对于有些浏览器如Firefox,某些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.}  
//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对象的引用,没准下面的代码可以弹出信息框。

 

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/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的属性,因