JS中类或对象的定义说明(2)

function Car(sColor,iDoors,iMpg)
{
   this.color=sColor;
   this.doors=iDoors;
   this.mpg=iMpg;
   this.drivers=new Array("Mike","Sue");
}
Car.prototype.showColor=function()
{
   alert(this.color);
}
var oCar1=new Car("red",4,23);
var oCar2=new Car("blue",3,25);
oCar1.drivers.push("Matt");
alert(oCar1.drivers);//输出 "Mike,Sue,Matt"
alert(oCar2.drivers);//输出 "Mike,Sue"

由实例代码可知，这种方式同时解决了上一种方式的两个问题。不过，采用这种方式，仍有些开发者觉得不够完美。

5.动态原型方式
我们可知，大多数面向对象语言都对属性和方法进行了视觉上的封装。而上述方式的showColor方法却定义在了类的外面。因此，他们设计了动态原型方法。这种方式的基本思想和混合的构造函数/原型方式相同，唯一不同之处在于对象方法的位置。如下所示：

复制代码 代码如下:

function Car(sColor,iDoors,iMpg)
{
   this.color=sColor;
   this.doors=iDoors;
   this.mpg=iMpg;
   this.drivers=new Array("Mike","Sue");
   if(typeof Car._initialized=="undefined")
  {
     Car.prototype.showColor=function()
     {
        alert(this.color);
     }
  }
  Car._initialized=true;
}

这种方式Car.prototype.showColor只被创建一次。这样依赖，这段代码更像其他语言中的类定义了。

6.混合工厂方式
这种方式通常是不能应该前一种方式的变通方法。它的目的是创建假构造函数，只返回另一种对象的新实例。

复制代码 代码如下:

function createCar()
{
   var oTempCar=new Object;
   oTempCar.color=“red”;
   oTempCar.doors=4;
   oTempCar.mpg=23;
   oTempCar.showColor=function()
   {
        alert(this.color);
   };
   return oTempCar;
}
var car=new Car();

由于在Car()构造函数内部调用了new运算符，所以自动忽略第二个new运算符。在构造函数内部创建的对象被传递回变量var。这种方式在对象方法的内部管理方面与经典方式有着相同的问题。所以强烈建议：除非万不得已，还是避免使用这种方式。

您可能感兴趣的文章: