javasript培训手册.docVIP

北京东方正通科技有限公司 JavaScript培训手册 本文档的程序或内容受版权法的保护，未经明确的书面许可，不得擅自泄密、拷贝或复制本文档资料的内容 历史记录 版本 编制 审核 批准 更改记录 作者 日期 审核人 日期 批准人 日期 1.0 陈志伟 目 录 北京东方正通科技有限公司 1 JavaScript培训手册 1 1. 目的 4 2. 适用范围 4 3. 名词和缩略语 4 4. 基础 4 4.1. 类 4 4.2. 关键点 7 5. 开源框架 10 5.1. Ext 10 5.2. Dojo 10 5.3. JQuery 10 5.4. Prototype 10 5.5. Script.Aculo.Us 11 5.6. Json 12 5.7. Dwr 12 6. 常用的技术 12 6.1. 类体系的实现 12 6.2. Ajax 12 6.3. Dom的操作 12 6.4. 跨浏览器 12 6.5. 事件的封装 12 6.6. UI组件 12 7. 工具箱 12 7.1. Debug 12  目的 适用范围 名词和缩略语 要点 面向对象，Dom， ajax 类 Object Object和java.lang.Object一样，是所有类的基类。 下面是它两个最重要的属性： Constructor：构造函数的引用 Prototype：对该对象的对象原型的引用。 构造函数 function ClassA(){ // 初始化 this.xxx = xxx; } var ClassA = function(){ } 在不同的js框架中，构造函数有不同的实现。 类定义和函数定义的区别仅仅在于：函数具有返回值。 属性 类的构造函数中声明 可以在构造函数中声明：（标准） function BaseItem(name){ = name; //公有属性 var money;// 私有的属性 } 在对象中动态的（不是类）定义： item1.code =code1; item1[code] =code2; 注意： 默认下所有的属性和方法都是公有的，私有的实现都是一种约定或模式。 构造函数定义的私有属性， 只有构造函数中定义的公有方法能访问。而在prototype中定义的公用方法不能访问。 属性的继承和扩展 关键 属性可以通过对象的命名属性可以通过为该命名属性赋值来创建，或重新赋值var ClassA = function(){ alert(classA); } var obj1 = new ClassA(); = name1; // ClassA未定义name属性，通过赋值产生了name属性 = name2; // 重新赋值 方法 定义 构造函数中定义 function BaseItem(name){ = name; this.getName = function(){ // 公用的方法 return ; } function getMoney(){ // 私有方法 return money; } } 用prototype定义 BaseItotype.staticFunc = function(){ return BaseItotype.staticVar; } 注意： 在开发中，类体系的实现尽量采用成熟的开源框架。 类常量或静态属性 其相当于java中static修饰的 类名.prototype.属性名?=?属性值;BaseItotype.className=BaseItem; 读取 alert(prototype.className + BaseItotype.className); 如果用实例的属性读取，在该属性被修改时，返回的是该实例自己的属性，已经不是类的常量了。 比如： var item1 = new BaseItem(book); var item2 = new BaseItem(); item1.className = item1; alert(item1.className + item1.className); alert(item2.className + item2.className); alert(BaseItotype.className + BaseItotype.className); 静态方法 类名.prototypeBaseItotype.staticFunc = function(){ return BaseItotype.staticVar; } BaseItem.staticFunc2 = function