理解javascript的运行上下文和原型.pptVIP

JavaScript的诞生 JavaScript是一種广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。以它为基础，制定了ECMAScript标准。 虽然更常用于网页，但JavaScript也可以用于其他场合，比如服务器端编程。 EcmaScript标准的重要历史版本 EcmaScript的具体应用 浏览器 (IE, FireFox, Safari, Chrome, Opera ...) 服务器 (ringojs, nodeJS ...) Flash、Flex (ActionScript) SilverLight WScript、CScript (JScript) 普通应用程序 (JScript.NET) 应用软件插件 最简单的JavaScript脚本 html headtitleTitle/title/head body script type=text/javascript alert(Hello, world!); /script /body /html JavaScript中的对象 在JavaScript几乎一切皆是对象 Number, String, Array, Function, etc... 但和Java中类似，123这样的数字又和Number对象有所差别 typeof 123 typeof new Number(123) 但和普通对象而言都可以看成一个Map，这个可以参看后面对方上下文的定义 实现一个简单的alert程序 JavaScript中的上下文是什么 在JavaScript运行过程中所有的数据都是从上下文中直接或间接取得的，上下文我们可以看成这样的声明： MapString, Object context; 所以上下文本身就是一个JS对象，但这个对象不是被显示引用的。 JavaScript中有哪些上下文 全局上下文 全局上下文是在程序运行过程中由容器创建的，比如在浏览器中全局上下文就是window对象，其它容易可能没有一个全局上下文提供。 函数上下文 函数上下文是在函数运行过程中创建的，函数在声明的时候是不创建的。 JavaScript上下文代码举例 var i = 123; var func = function(i) { alert(i); // 运行时创建上下文 }; func(321); JavaScript上下文的作用域 全局上下文 顾名思义，全局上下文的作用域是全局的，即在当前JS应用中都可以访问到，在浏览器中可能通过window对象引用。 函数上下文 函数上下文即只在函数运行过程中存在，但当函数上下文中的变量被外部引用的时候，该上下文会生存到引用被消除的时候。 JavaScript中变量访问如何查找上下文 JavaScript中面向对象编程 function Person(name) { = name; } var p = new Person(Hatter Jiang); alert(); JavaScript创建构造函数及原型对象 function Person(name) { = name; } var p = new Person(Hatter Jiang); alert(); alert(p.sex); alert(p.age); Ptotype.sex = male; alert(p.sex); p.age = 27; alert(p.age); JavaScript中的原型链访问顺序 JavaScript编程工具介绍 IDE Visual Studio :( 收费软件 Aptana :-) 免费软件 Komodo Edit :-D 也免费软件 Tools /js /js/bookmarklets EcmaScript5的特性介绍 Native JSON Array Extras Object Property Descriptor Getters and Setters Strict Mode 其他新特性 HTML5特性介绍及展望 原 Web Applications 1.0 即时二维绘图 定时媒体播放 储存 离线 编辑 拖放 通讯／网络 后退按钮管理 MIME和协议处理程序时表头登记 The End 05年Sun的Java语言诞生，Java可以通过Applet在浏览器中运行。 Netscape公司内部争论的最大焦点变成了：“为什么要包含两种语言？为什么不只用Java？”得到的回答是：必须有两种语言分别面向编程圣殿中的两类最不可能走到一块的开发人员：组件开发人员——这类人使用C++或（我们希望的）Jav