ECMAScript 定义类或对象.pdf

ECMAScript 定义类或对象 使⽤预定义对象只是⾯向对象语⾔的能⼒的⼀部分，它真正强⼤之处在于能 创建⾃ ⼰专⽤的类和对象。 ECMAScript 拥有很多创建对象或类的⽅法。 ⼯⼚⽅式 原始的⽅式 因为对象的属性可以在对象创建后动态定义，所有许多开发者都在 JavaScript 最初引 ⼊时 写类似下⾯的代码： var oCar = new Object; oCar.color = blue; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function ) { alert this.color); }; TIY 在上⾯的代码中，创建对象 car 。然后给它设置⼏个属性：它的颜⾊是蓝⾊，有四个 门，每加仑油可以跑 25 英⾥。最后⼀个属性实际上是指向函数的指针，意味着该属 性是个⽅法。执⾏这段代码后，就可以使⽤对象 car 。 不过这⾥有⼀个问题，就是可能需要创建多个 car 的实例。 解决⽅案：⼯⼚⽅式 要解决该问题，开发者创造了能创建并返回特定类型的对象的⼯⼚函数 （factory function ）。 例如，函数 createCar() 可⽤于封装前⾯列出的创建 car 对象的操作： 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 ); TIY 在这⾥，第⼀个例⼦中的所有代码都包含在 createCar() 函数中。此外，还有⼀⾏额外 的代码，返回 car 对象 （oTempCar ）作为函数值。调⽤此函数，将创建新对象，并赋 予它所有必要的属性，复制出⼀个我们在前⾯说明过的 car 对象。因此，通过这种⽅ 法，我们可以很容易地创建 car 对象的两个版本 （oCar 1 和 oCar2 ），它们的属性完全 ⼀样。 为函数传递参数 我们还可以修改 createCar() 函数，给它传递各个属性的默认值，⽽不是简单地赋予属 性默认值： function createCar sColor,iDoors,iMpg) { var oTempCar = new Object; oTempCar.color = sColor; oTempCar.doors = iDoors; oTempCar.mpg = iMpg; oTempCar.showColor = function ) { alert this.color); }; return oTempCar; } var oCar1 = createCar red,4,23); var oCar2 = createCar blue,3,25); oCar1.showColor ); //输出 red oCar2.showColor ); //输出 blue TIY 给 createCar() 函数加上参数，即可为要创建的 car 对象的 color 、doors 和 mpg 属性赋 值。这使两个对象具有相同的属性，却有不同的属性值。 在⼯⼚函数外定义对象的⽅法 虽然 EC AScript 越来越正式化，但创建对象的⽅法却被置之不理，且其规范化⾄今 还遭⼈反对。⼀部分是语义上的原因 （它看起来不像使⽤带有构造函数 new 运算符那 么正规），⼀部分是功能上的原因。功能原因在于⽤这种⽅式必须创建对象的⽅法。 前⾯的例⼦中，每次调⽤函数 createCar() ，都要创建新函数 showColor() ，意味着每个 对象都有⾃⼰的 showColor() 版本。⽽事实上，每个对象都共享同⼀个函数。 有些开发者在⼯⼚函数外定义对象的⽅法，然后通过属性指向该⽅法，从⽽避免这个 问题： function showColor ) { alert this.color); } function createCar sColor,iDoors,iMpg) {