浅析JavaScript中两种类型的全局对象/函数

 更新时间:2013年12月05日 10:03:42   作者:  
这篇文章主要介绍了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是可以被重写的,但不会有谁去重写它们的。这里仅仅做个测试。

复制代码 代码如下:

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内置对象一般是可以被重写的 ,虽然没人这么干。

下面测试下其可枚举性

复制代码 代码如下:

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。

相关文章

  • 功能强大的Bootstrap组件(结合js)

    功能强大的Bootstrap组件(结合js)

    这篇文章主要介绍了功能强大的Bootstrap组件,介绍js结合Bootstrap组件的使用方法,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 二行代码解决全部网页木马

    二行代码解决全部网页木马

    还是挂马问题,这段时间,我渐渐感到压力,头大,通过QQ或MSN加我的人越来越多,我最近自己的工作本来就忙得不亦乐乎。哎,想想,还是要抽空来来帮帮大家。
    2008-03-03
  • js ondocumentready onmouseover onclick onmouseout 样式

    js ondocumentready onmouseover onclick onmouseout 样式

    下面都是一些上面的事件触发的事先定义的代码。
    2010-07-07
  • JavaScrip如果基于url实现图片下载

    JavaScrip如果基于url实现图片下载

    这篇文章主要介绍了JavaScrip如果基于url实现图片下载,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • OpenLayer实现自定义坐标点的绘制

    OpenLayer实现自定义坐标点的绘制

    OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问。本文将利用OpenLayer实现自定义坐标点的绘制,感兴趣的可以了解一下
    2022-04-04
  • JS+Canvas实现上传图片截图功能

    JS+Canvas实现上传图片截图功能

    在我们平时开发图片上传时,有时需要实现图片的裁剪功能,这篇文章主要为大家介绍了如何使用Canvas实现上传图片截图功能,希望对大家有所帮助
    2023-10-10
  • 微信小程序实现弹出层禁止页面滚动

    微信小程序实现弹出层禁止页面滚动

    这篇文章主要为大家详细介绍了微信小程序实现弹出层禁止页面滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 详解如何在Javascript中使用Object.freeze()

    详解如何在Javascript中使用Object.freeze()

    这篇文章主要介绍了详解如何在Javascript中使用Object.freeze(),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • JS获取图片lowsrc属性的方法

    JS获取图片lowsrc属性的方法

    这篇文章主要介绍了JS获取图片lowsrc属性的方法,涉及javascript操作网页图片属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • 用JavaScript动态建立或增加CSS样式表的实现方法

    用JavaScript动态建立或增加CSS样式表的实现方法

    下面小编就为大家带来一篇用JavaScript动态建立或增加CSS样式表的实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论