各种浏览器环境提供的JavaScript全局对象/函数实例详解

宿主环境提供的全局对象/函数

如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全局对象/函数实例详解的详细内容。更多信息请关注PHP中文网其他相关文章！