Web程序开发：第14章 JavaScript面向对象.pdfVIP

第14章 JavaScript面向对象 14.1 概述 14.2 创建对象 14.3 JSON 14.4 课堂作业 14.1 概述 对象：属性的无序集合，每个属性存放一个原始值、对象或函数 类：每个对象都由类定义，可以把类看做对象的配方。类不仅要定义对象 的接口（interface）（可以访问的属性和方法），还要定义对象的内部工 作（使属性和方法发挥作用的代码）。解释程序根据类的说明构建对象。 实例：程序使用类创建对象时，生成的对象叫作类的实例（instance）。 对类生成的对象的个数的唯一限制来自于运行代码的机器的物理内存。每 个实例的行为相同，但实例处理一组独立的数据。由类创建对象实例的过 程叫做实例化（instantiation）。 在javascript 中，对象由特性（attribute ）构成，特性可以是原始值，也可 以是引用值。如果特性存放的是函数，它将被看作对象的方法（method） ，否则该特性被看作对象的属性（property）。 14.2 创建对象 使用预定义对象只是javascript语言能力的一部分，它真正强大之处在于能 够创建自己专用的类和对象。在javascript 中，主要存在如下几种创建对象 的方式。 • 原始方式 • 工厂方式 • 构造函数 • 原型方式 • 混合构造函数和原型方式 • 字面量方式 14.2.1 this指针 在JavaScript 中，要掌握的最重要的概念之一是关键字this 的用法，它用 在对象的方法中。关键字this 总是指向调用该方法的对象。为什么使用 this 呢？因为在实例化对象时，总是不能确定会使用什么样的变量名。使 用this ，即可在任何多个地方重用同一个函数。 function showColor() { alert(this.color); }; var oCar1 = new Object(); oCar1.color = red; oCar1.showColor = showColor; var oCar2 = new Object(); oCar2.color = blue; oCar2.showColor = showColor; oCar1.showColor(); //输出red oCar2.showColor(); //输出blue 14.2.2 原始方式 原始方式是指在创建对象后再定义对象的属性。 var oCar1 = new Object(); oCar1.color = red; oCar1.doors = 4; var oCar2 = new Object(); oCar2.color = blue; oCar2.doors = 5; oCar2. mpg = 60; 缺点：每创建一个对象，都要重复写很多代码，而且对象类型都是Object 14.2.2 工厂方式 引入一个函数，封装创建对象的代码。 function createCar() { var oTempCar = new Object(); oTempCar.color = blue; oTempCar.doors = 4; oTempCar.mpg = 25; oTempCar.showColor = function() { alert(this.color); }; return oTempCar; } var oCar1 = createCar(); var oCar2 = createCar(); 缺点：对象类型依然都是Object，每个对象需要共享的部分重复定义，浪费内存 14.2.2 工厂方式-续1 引入一个函数，封装创建对象的代码，并且给函数增加参数。 functio