JS中自定义类与对象.docVIP

5? 自定义类和对象 5.1? 工厂方法??? 在ECMAScript中创建工厂方法，返回一个特定类型的对象，以此实现代码的简洁适用。 function?createFruit()?{??var?tempFruit?=?new?Object;??tempFruit.name?=?apple;??tempFruit.number?=?5;??tempFruit.showName?=?function()?{????alert(this.name);??};return?tempFruit;}var?Fruit1?=?creatFruit();var?Fruit2?=?creatFruit(); ??? 在createFruit()中可以加入形参来传入参数的值。随着ECMAScript不断被规范化，这种创建对象的方法已不再流行，一部分原因是语法上的，一部分原因是功能上的，如每个对象的实例都拥有属于自己的showName方法，给内存管理带来一定的开销。5.2? 构造函数??? 选择一个类名，第一个字母大写，该类名即是构造函数的名称。创建一个构造函数和工厂方法比较类似，不同的是需要使用关键字new来创建对象的引用。使用构造函数的方式来创建对象和使用工厂方法有着相同的弊端。 function?Fruit(name,?number)?{??this.name?=?name;??this.number?=?number;??this.showName?=?function()?{????alert(this.name);??};}var?Fruit1?=?new?Fruit(apple,?5);var?Fruit2?=?new?Fruit(pear,?3); 5.3? 使用 Prototype??? 使用prototype属性可以用来创建新的对象，首先需要一个空的构造函数建立类的名称，然后所有的属性和方法都直接分配到prototype属性中。 function?Fruit()?{}Fruit.prototype.name?=?apple;Fruit.prototype.number?=?5;Fruit.prototype.showName?=?function()?{??alert(this.name);};var?fruit1?=?new?Fruit();var?fruit2?=?new?Fruit(); ??? 但是，这样同样存在一些缺点。首先，构造函数中没有参数，给初始化带来一些麻烦，其次，当一个属性指向的是一个对象而非方法时，该对象会被所有的实例所共享，任何一点改动都会影响到其他对象引用的使用。5.4? 混合使用工厂方法和Prototype这个概念很简单：使用构造函数定义所有除方法外的属性，使用 prototype 定义对象的方法。这样每个方法只会被创建一次，每个对象都能拥有自己对象实例的属性。 function?Fruit(name,?number)?{??this.name?=?name;??this.number?=?number;??this.owner?=?new?Array(Jerry,?Terry);}Fruit.prototype.showName?=?function()?{??alert(this.name);};var?Fruit1?=?new?Fruit(apple,?5);var?Fruit2?=?new?Fruit(pear,?3); 5.5? 动态 prototype??? 简单来说，这种方法就是使用了一个标识符来判断 prototype 是否已经被指向某个方法，从而保证这些方法只会被创建并指向一次。5.6? 混合工厂方法??? 这种方法和经典的工厂方法及构造函数方法在对象方法内存管理上存在同样的问题，一般不建议使用该方法，除了某些特殊情况（XML in JavaScript中有这样的例子）。6? 修改对象??? 使用prototype对象可以对对象进行修改。除了用户自定义的对象外，ECMAScript原始对象也有prototype属性。直接使用 prototype可以给对象创建新的方法。 Number.prototype.toHexString?=?function()?{??return?this.toString(16);};var?iNum?=?10;alert(iNum.toHexString());??//输出A ??? 另外，使用prototype可以轻松修改已有的方法，让方法名指向新的方法。需要注意的是，指向新的方法后，原有的方法不再被任何对