详解JavaScript中两种类型的全局对象/函数_建站学-个人建站指南,网页制作,网站设计,网站制作教程

详解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);<BR>

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

结果可以看出除了NaN在IE9(pre3)/Safari不能被重写外，其它都被重写了。这里只是列举了四个，感兴趣的可以将以上所有的The Global Object一一测试下。这里想表达的是核心JavaScript内置对象一般是可以被重写的，虽然没人这么干。

下面测试下其可枚举性

    
            01
            for(var a in NaN){ 
        
            02
                alert(a); 
        
            03
            } 
        
            04
            for(var a in eval){ 
        
            05
                alert(a); 
        
            06
            } 
        
            07
            for(var a in Object){ 
        
            08
                alert(a); 
        
            09
            } 
        
            10
            for(var a in Math){ 
        
            11
                alert(a); 
        
            12
            }

所有浏览器都没有弹出，即属性不被枚举。感兴趣的可以将以上所有的The Global Object的枚举性一一测试下。当然对于有些浏览器如Firefox，某些Global Object被重写后又是可以被枚举的。

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

如window,alert,setTimeout,document,location等，多数浏览器都会限制其重写

    
            1
            window = 55; 
        
            2
            alert(window);

该句在IE下会出错提示非法复制，后面的弹出框没有执行。其它浏览器则当window=55不存在，仍然弹出了window。

再重写下alert

    
            1
            alert = 55; 
        
            2
            console.log(alert);

IE下提示报错，Firefox/Chrome/Safari/Opera竟然被重写了，从对应的控制台可以看到输出了55。可以看出对于宿主环境提供的全局对象/函数，有的浏览器不支持重写，有的则可以重写。

以下是两种方式声明全局变量

    
            1
            a1 = 11; 
        
            2
            var a2 = 22; 
        
            3
              
            4
            for(a in window){ 
        
            5
                if(a=='a1'||a=='a2'){ 
        
            6
                    alert(a) 
        
            7
                } 
        
            8
            }

上述代码在IE中不会弹出信息框，在IE中内部大概如下

    
            1
            //IE 
        
            2
            with(host_object){//window 
        
            3
                with(global_object){//Global 
        
            4
                    a1 = 11; 
        
            5
                    var a2 = 22; 
        
            6
                }    
        
            7
            }

即a1，a2是作为上面说的第一种，JS引擎提供的Global对象上的属性，而非第二种宿主环境提供的window对象上的属性。因此IE中for in window时a1，a2都不存在。如果IE中提供对象Global对象的引用，没准下面的代码可以弹出信息框。

    
            1
            for(a in Global){ 
        
            2
                if(a=='a1'||a=='a2'){ 
        
            3
                    alert(a) 
        
            4
                } 
        
            5
            }

Firefox/Safari/Chrome/Opera中内部大概是下面的样子

    
            1
            //Firefox/Safari/Chrome/Opera 
        
            2
            with(host_object){//window 
        
            3
                a1 = 11; 
        
            4
                var a2 = 22; 
        
            5
                with(global_object){//Global 
        
            6
                }    
        
            7
            }

即a1,a2是作为上面说的第二种，宿主环境提供的全局对象window上的属性。因此for in window时a1，a2都存在，弹出了信息框。
再看第三者方式声明全局变量window.a3 = 33，这样是显示的把a3挂在window上作为window的属性，因此在所有浏览器中for in window时都能获取到a3。

(责任编辑：admin)

搜索

热门标签:

详解JavaScript中两种类型的全局对象/函数