javascript(js)如何创建类和对象

《javascript(js)如何创建类和对象》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Js如何创建类和对象使用预定义对象只是面向对象语言的能力的一部分，它真正强大之处在于能够创建自己专用的类和对象。ECMAScript拥有很多创建对象或类的方法。工厂方式原始的方式因为对象的属性可以在对象创建后动态定义，所有许多开发者都在JavaScript最初引入时编写类似下面的代码：varoCar=newObject;oCar.color="blue";oCar.doors=4;oCar.mpg=25;oCar.showColor=function(){alert(this.color);};   在上面的代码中，创建对象car。然后给它设置几个属性：它的颜色是蓝色，有四个门，每

2、加仑油可以跑25英里。最后一个属性实际上是指向函数的指针，意味着该属性是个方法。执行这段代码后，就可以使用对象car。不过这里有一个问题，就是可能需要创建多个car的实例。解决方案：工厂方式要解决该问题，开发者创造了能创建并返回特定类型的对象的工厂函数（factoryfunction）。例如，函数createCar()可用于封装前面列出的创建car对象的操作：functioncreateCar(){varoTempCar=newObject;oTempCar.color="blue";oTempCar.doors=4;oTempCar.mpg=25;oTempCar.showCol

3、or=function(){alert(this.color);};returnoTempCar;}varoCar1=createCar();varoCar2=createCar();   在这里，第一个例子中的所有代码都包含在createCar()函数中。此外，还有一行额外的代码，返回car对象（oTempCar）作为函数值。调用此函数，将创建新对象，并赋予它所有必要的属性，复制出一个我们在前面说明过的car对象。因此，通过这种方法，我们可以很容易地创建car对象的两个版本（oCar1和oCar2），它们的属性完全一样。为函数传递参数我们还可以修改createCar()函数，给它

4、传递各个属性的默认值，而不是简单地赋予属性默认值：functioncreateCar(sColor,iDoors,iMpg){varoTempCar=newObject;oTempCar.color=sColor;oTempCar.doors=iDoors;oTempCar.mpg=iMpg;oTempCar.showColor=function(){alert(this.color);};returnoTempCar;}varoCar1=createCar("red",4,23);varoCar2=createCar("blue",3,25);oCar1.showColor();

5、//输出"red"oCar2.showColor();//输出"blue"   给createCar()函数加上参数，即可为要创建的car对象的color、doors和mpg属性赋值。这使两个对象具有相同的属性，却有不同的属性值。在工厂函数外定义对象的方法虽然ECMAScript越来越正式化，但创建对象的方法却被置之不理，且其规范化至今还遭人反对。一部分是语义上的原因（它看起来不像使用带有构造函数new运算符那么正规），一部分是功能上的原因。功能原因在于用这种方式必须创建对象的方法。前面的例子中，每次调用函数createCar()，都要创建新函数showColor()，意味着每个对

6、象都有自己的showColor()版本。而事实上，每个对象都共享同一个函数。有些开发者在工厂函数外定义对象的方法，然后通过属性指向该方法，从而避免这个问题：functionshowColor(){alert(this.color);}functioncreateCar(sColor,iDoors,iMpg){varoTempCar=newObject;oTempCar.color=sColor;oTempCar.doors=iDoors;oTempCar.mpg=iMpg;oTempCar.showColor=showColor;returnoTempCar;}varoCar1=c

7、reateCar("red",4,23);varoCar2=createCar("blue",3,25);oCar1.showColor();//输出"red"oCar2.showColor();//输出"blue" 在上面这段重写的代码中，在函数createCar()之前定义了函数showColor()。在createCar()内部，赋予对象一个指向已经存在的showColor()函数的指针。从功能上讲，这样解决了重复创建函数对象的问题；但是从语义上讲，该函数不太像