定义类或对象

 

 

1、原始的方式

var oCar = new Object;

oCar.color = "blue";

oCar.doors = 4;

oCar.showColor = function(){ alert(this.color) }

};

当需要创建多个car实例方法是，这种方式很不方便。解决的办法是工厂方式

 

2、工厂方式

function createCar() {
  var oTempCar = new Object;
  oTempCar.color = "blue";
  oTempCar.doors = 4;
  oTempCar.showColor = function() {
    alert(this.color);
  };
  return oTempCar;
}

var oCar1 = createCar();//创建第一个对象
var oCar2 = createCar();//创建第二个对象

这种方式创建的对象属性值和方法是一样的，当要创建不同属性值的对象时，这种方式很不方便。于是出现了传递参数的工厂方式。

 

function createCar(sColor,iDoors) {
  var oTempCar = new Object;
  oTempCar.color = sColor;
  oTempCar.doors = iDoors;
  oTempCar.showColor = function() {
    alert(this.color);
  };
  return oTempCar;
}

var oCar1 = createCar("red",4);  //对象1，red和4
var oCar2 = createCar("blue",3);//对象1，blue和3

 

但这种方法语义上与面向对象思想相差甚远。

 

3、构造函数方式

function Car(sColor,iDoors) {
  this.color = sColor;
  this.doors = iDoors;
  this.showColor = function() { //对象共享的方法，多个对象间只创建一个便可，可是每创建一个对象时，都创建了这个方法
    alert(this.color);  //这种缺陷工厂方式同样存在。
  };
}

var oCar1 = new Car("red",4,23);
var oCar2 = new Car("blue",3,25);
最大的不足是每创建一个对象就创建一个独立的方法showColor，而实际上这人方法是所有对象共享的，造成了资源的浪费。于是看原型方式。

 

4、原型方式

首先用空构造函数来设置类名。然后所有的属性和方法都被直接赋予 prototype 属性

function Car() { //构造函数不可带参数
}

Car.prototype.color = "blue";
Car.prototype.doors = 4;
Car.prototype.showColor = function() {
  alert(this.color);
};

var oCar1 = new Car();
var oCar2 = new Car();
缺陷也是很明显的，new Car()创建的对象的默认属性值和方法，都在prototype属性中，当要创建不同属性值的对象时，要手动地修改属性值很不方便。

另外，共享的部分如果是数组，会出现逻辑上的错误。

 

一个比较好的方案是原型与构造函数混用

function Car(sColor,iDoors) {
  this.color = sColor;
  this.doors = iDoors;
  this.drivers = new Array("Mike","John");
}

Car.prototype.showColor = function() {
  alert(this.color);
};