这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 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,encodeURIComponent3,构造器(类) 属性的全局对象(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。
来源: http://www.phperz.com/article/17/0419/278009.html