Javascript Global对象


Posted in Javascript onAugust 13, 2009

Global对象

Global对象是ECMAScript中最特别的对象,因为实际上它根本不存在。如果尝试编写下面的代码,将得到错误:

Javascript Global对象

错误消息显示Global不是对象,但刚才不是说Global是对象吗?没错。这里需要理解的主要概念是,在ECMAScript中,不存在独立的函数,所有函数都必须是某个对象的方法。本书前面介绍的函数,如isNaN()、isFinite()、parseInt()和parseFloat()等,看起来都像独立的函数。实际上,它们都是Global对象的方法。而且Global对象的方法不止这些。

encodeURI()和encodeURIComponent()方法用于编码传递给浏览器的URI(统一资源标识符)。有效的URI不能包含某些字符,如空格。这两个方法用于编码URI,这样用专门的UTF-8编码替换所有的非有效字符,就可以使浏览器仍能够接受并理解它们。

encodeURI()方法用于处理完整的URI(例如,http://www.wrox.com/illegal value.htm),而encodeURIComponent()用于处理URI的一个片断(如前面的URI中的illegal value.htm)。这两个方法的主要区别是encodeURI()方法不对URI中的特殊字符进行编码,如冒号、前斜杠、问号和英镑符号,而encodeURIComponent()则对它发现的所有非标准字符进行编码。例如:

Javascript Global对象Javascript Global对象

这段代码输出两个值:

Javascript Global对象

可以看到,除空格外,第一个URI无任何改变,空格被替换为%20。第二个URI中的所有非字母数字字符都被替换成它们对应的编码,基本上使这个URI变得无用。这就是encodeURI()可以处理完整URI,而encodeURIComponent()只能处理附加在已有URI末尾的字符串的原因。

自然,还有两个方法用于解码编码过的URI,即decodeURI()和decodeURIComponent()。如你所料,这两个方法所做的恰与其对应的方法相反。decodeURI()方法只对用encodeURI()方法替换的字符解码。例如,%20将被替换为空格,而%23不会被替换,因为它表示的是英镑符号(#),encodeURI()并不替换这个符号。同样的,decodeURIComponent()会解码所有encodeURIComponent()编码过的字符,意味着它将对所有的特殊值解码。例如:

Javascript Global对象

这段代码输出两个值:

Javascript Global对象

在这个例子中,变量uri存放的是用encodeURIComponent()编码的字符串。生成的值说明了应用两个解码方法时会发生的事情。第一个值由decodeURI()输出,把%20替换成空格。第二个值由decodeURIComponent()输出,替换所有的特殊。

这些URI方法encodeURI()encodeURIComponent()decodeURI()decodeURICom- ponent()代替了BOM的escape()unescape()方法。URI方法更可取,因为它们会对所有Unicode符号编码,而BOM方法只能对ASCII符号正确编码。尽量避免使用escape()unescape()方法。

最后一个方法可能是整个ECMAScript语言中最强大的方法,即eval()方法。该方法就像整个ECMAScript的解释程序,接受一个参数,即要执行的ECMAScript(或JavaScript)字符串。例如:

Javascript Global对象

这行代码的功能等价于下面的代码:

Javascript Global对象Javascript Global对象

当解释程序发现eval()调用时,它将把参数解释为真正的ECMAScript语句,然后把它插入该函数所在的位置。这意味着eval()调用内部引用的变量可在参数以外定义:

Javascript Global对象

这里,变量msg是在eval()调用的环境外定义的,而警告仍然显示的是文本"hello world",因为第二行代码将被替换为一行真正的代码。同样,可以在eval()调用内部定义函数或变量,然后在函数外的代码中引用:

Javascript Global对象

这里,函数sayHi()是在eval()调用内部定义的。因为该调用将被替换为真正的函数,所以仍可在接下来的一行中调用sayHi()。

这种功能非常强大,不过也非常危险。使用eval()时要极度小心,尤其在给它传递用户输入的数据时。恶意的用户可能会插入对站点或应用程序的安全性有危害的值(叫做代码注入)。

Global对象不只有方法,它还有属性。还记得那些特殊值undefined、NaN和Infinity吗?它们都是Global对象的属性。此外,所有本地对象的构造函数也都是Global对象的属性。下表较详细地说明了Global对象的所有属性:

属    性 说    明
undefined Undefined类型的字面量
NaN 非数的专用数值
Infinity 无穷大值的专用数值
Object Object的构造函数
Array Array的构造函数
Function Function的构造函数
Boolean Boolean的构造函数
String String的构造函数
Number Number的构造函数
Date Date的构造函数
RegExp RegExp的构造函数
Error Error的构造函数
EvalError EvalError的构造函数
RangeError RangeError的构造函数
ReferenceError ReferenceError的构造函数
SyntaxError SyntaxError的构造函数
TypeError TypeError的构造函数
URIError URIError的构造函
Javascript 相关文章推荐
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
Feb 08 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
Javascript Math对象
Aug 13 #Javascript
Javascript 作用域使用说明
Aug 13 #Javascript
Javascript 继承机制实例
Aug 12 #Javascript
Javascript 继承机制的实现
Aug 12 #Javascript
Javascript 继承实现例子
Aug 12 #Javascript
JQuery jsonp 使用示例代码
Aug 12 #Javascript
JavaScript 权威指南(第四版) 读书笔记
Aug 11 #Javascript
You might like
Yii框架关联查询with用法分析
2014/12/02 PHP
PHP中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
Yii操作数据库实现动态获取表名的方法
2016/03/29 PHP
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
python中黄金分割法实现方法
2015/05/06 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
python通过安装itchat包实现微信自动回复收到的春节祝福
2020/01/19 Python
python 两种方法删除空文件夹
2020/09/29 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
酒店门卫岗位职责
2013/12/29 职场文书
执行力心得体会
2013/12/31 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
扬州个园导游词
2015/02/06 职场文书
公务员年终个人总结
2015/02/12 职场文书
志愿服务心得体会
2016/01/15 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python
Go 语言中 20 个占位符的整理
2021/10/16 Golang
python实现一个简单的贪吃蛇游戏附代码
2022/06/28 Python