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,伊娃lError,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。结果如下

图片 1

结果可以看来除了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。