面向对象的JavaScript开发.pptVIP

面向对象的JavaScript开发 oznyang@163.com 2009-7-15 JavaScript的特点 脚本语言 ECMAScript+Dom+Bom=JavaScript 运行于宿主环境 基于对象的（Object-Based），而不是面向对象的（object-oriented）。 JavaScript开发相关知识 Dom Css JavaScript-脚本语言-对象 数据 +代码 =程序 在脚本语言中，代码也是数据，所以存在更多的动态特性 面向对象的思想 把数据和代码结合成统一体，以一个简单的对象概念呈现给编程者 JavaScript的数据类型 简单数据 undefined, null, boolean, number , string 存放于栈（stack）中，占用空间固定 复杂数据 object 存放于堆（heap）中，变量只保存了指针（point） JavaScript的对象 把一些“名字-属性值”的组合放在一个单元里面,就组成了一个对象，“名字”只能是string类型 创建对象 jsonvar?speaker?=?{text:?Hello?World,?say:?function(){alert(this.text)}}; new操作符结合一个函数 function?MyFunc()?{};?????????//定义一个空函数 var?anObj?=?new?MyFunc();??//使用new操作符，借助MyFun函 数，就创建了一个对象 等同于 function?MyFunc(){};????var?anObj?=?{};?????//创建一个对象????MyFunc.call(anObj);?//将anObj对象作为this指针调用MyFunc函数 JavaScript中的函数 JavaScript中的代码只体现为一种形式，就是function 函数是javascript中的一种特殊形式的对象 ，称之为函数对象 函数的定义 最常用functionName([parameters]){functionBody}; 匿名函数 var add=function(a, b) {return a+b;}? new varName=new Function([param1Name, param2Name,...paramNName], functionBody); prototype 代表事物的初始形态，也含有模型和样板的意义 var Me=function(){=“ozn”}; Var Info=function(){}; Info. prototype={email:’dd’,msn:’eee’}; var info=new Info(); Mtotype=info; var me=new Me (); alert(me.msn);当在me中找不到msn这个属性时，按照上面的规则，就会去info这个对象中找，也就是试图找找“info. msn 。由于info本身也是一个对象，也会有一个构造器函数Info，因此当xxx.msn也找不到时，就会去Itotype里面去找……如此……如此深层次的挖掘，直到再也找不到……就返回undefined。所谓原型继承，只不过是一个简单的检索规则。 closures闭包 a(){? var i=0;? b(){? alert(++i);? }? return b;}var c = a();c(); 构造对象的过程 建立一个新对象 将该对象内置的原型对象设置为构造函数prototype引用的那个原型对象 将该对象作为this参数调用构造函数，完成成员设置等初始化工作 Ccs Js Utils的使用 ccs-base.js date.js DomHelper.js element.js format.js json.js template.js widget.js yui-bridge.js TrimPath 采用标准的JavaScript编写，支持跨浏览器 模板语法类似于：FreeMarker，Velocity,Smarty 采用简易的语言来描述大段的字串以及Dom/DHTML操作 可以很方便的解析XML文件格式的数据到指定模板。 * *