《理解JavaScript的运行上下文及原型.ppt》由会员分享，可在线阅读，更多相关《理解JavaScript的运行上下文及原型.ppt（19页珍藏版）》请在三一办公上搜索。
1、理解JavaScript的运行上下文及原型,国际网站商机部 Hatter Jiang,UED Team Design,JavaScript的诞生,JavaScript是一種广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。以它为基础，制定了ECMAScript标准。虽然更常用于网页，但JavaScript也可以用于其他场合，比如服务器端编程。,EcmaScript标准的重要历史版本,EcmaScript的具体应用,浏览器(IE,FireFox,Safari
2、,Chrome,Opera.)服务器(ringojs,nodeJS.)Flash、Flex(ActionScript)SilverLightWScript、CScript(JScript)普通应用程序(JScript.NET)应用软件插件,最简单的JavaScript脚本,Title alert(Hello,world!);,JavaScript中的对象,在JavaScript几乎一切皆是对象Number,String,Array,Function,etc.但和Java中类似，123这样的数字又和Number对象有所差别typeof 123typeof new Number(123)但和普通对
3、象而言都可以看成一个Map，这个可以参看后面对方上下文的定义,实现一个简单的alert程序,sample-closure-buggy.htm,JavaScript中的上下文是什么,在JavaScript运行过程中所有的数据都是从上下文中直接或间接取得的，上下文我们可以看成这样的声明：Map context;所以上下文本身就是一个JS对象，但这个对象不是被显示引用的。,JavaScript中有哪些上下文,全局上下文全局上下文是在程序运行过程中由容器创建的，比如在浏览器中全局上下文就是window对象，其它容易可能没有一个全局上下文提供。函数上下文函数上下文是在函数运行过程中创建的，函数在声明的时
4、候是不创建的。,JavaScript上下文代码举例,var i=123;var func=function(i)alert(i);/运行时创建上下文;func(321);,sample-closure-buggy-explain.htm,sample-closure-fixed.htm,sample-closure-fixed-explain.htm,JavaScript上下文的作用域,全局上下文顾名思义，全局上下文的作用域是全局的，即在当前JS应用中都可以访问到，在浏览器中可能通过window对象引用。函数上下文函数上下文即只在函数运行过程中存在，但当函数上下文中的变量被外部引用的时候，该上
5、下文会生存到引用被消除的时候。,sample-context-reference.htm,JavaScript中变量访问如何查找上下文,全局上下文,函数1上下文,当前函数上下文,函数2上下文,查找变量：i?是否在当前上下文？不存在则往上找。如果全局上下文也不存在，则返回 undefined。,sample-context.htm,JavaScript中面向对象编程,function Person(name)this.name=name;var p=new Person(Hatter Jiang);alert(p.name);,JavaScript创建构造函数及原型对象,function Per
6、son(name)this.name=name;var p=new Person(Hatter Jiang);alert(p.name);alert(p.sex);alert(p.age);Person.prototype.sex=male;alert(p.sex);p.age=27;alert(p.age);,JavaScript中的原型链访问顺序,Object.prototype,Constructor.prototype,Instance,读,写,如果从原型链都读不到数据，则返回undefined,JavaScript编程工具介绍,IDEVisual Studio:(收费软件Aptana:-)免费软件Komodo Edit:-D 也免费软件Toolshttp:/,EcmaScript5的特性介绍,Native JSONArray ExtrasObjectProperty DescriptorGetters and SettersStrict Mode其他新特性,html5c.htm,ecmascript5.doc,HTML5特性介绍及展望,原 Web Applications 1.0即时二维绘图定时媒体播放储存离线编辑拖放通讯网络后退按钮管理MIME和协议处理程序时表头登记,The End,
