javaScript中定义类或对象的五种方式总结

第一种方式： 工厂方法

能创建并返回特定类型的对象的工厂函数（factory function）。

 function createCar(sColor){  var oTempCar = new Object;  oTempCar.color = sColor;  oTempCar.showColor = function (){  alert(this.color);  };  return oTempCar;  }  var oCar1 = createCar();  var oCar2 = createCar(); 

调用此函数时，将创建新对象，并赋予它所有必要的属性。使用此方法将创建car对象的两个版本（oCar1和oCar2），他们的属性完全一样。

使用此方法存在的问题：

1语义上看起来不像使用带有构造函数的new运算符那么正规。

2使用这种方式必须创建对象的方法。每次调用createCar()，都要创建showColor()，意味着每个对象都有自己的showColor()版本，事实上，每个对象都共享了同一个函数。

有些开发者在工厂函数外定义对象的方法，然后通过属性指向该方法。从而避免这个问题：

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

在这段重写的代码中，在函数createCar()前定义了函数showColor().在createCar()内部，赋予对象一个已经指向已经存在的showColor()函数的指针。从功能上来讲，这样解决了重复创建对象的问题，但该函数看起来不像对象的方法。

所有这些问题引发了开发者定义的构造函数的出现。

第二种方式：构造函数方式

function Car(sColor){ this.color = sColor; this.showColor = function (){ alert(this.color); }; } var oCar1 = new Car("red"); var oCar2 = new Car("blue"); 

这种方式在管理函数方面与工厂方法一样都存在相同的问题。

第三种方式：原型方式

function Car(){ } Car.prototype.color = "blue"; var oCar1 = new Car(); var oCar2 = new Car(); 

调用new Car()时，原型的所有属性都被立即赋予要创建的对象，意味着所有的Car实例存放的都是指向showColor()函数的指针。从语义上看起来都属于一个对象，因此解决了前面两种方式存在的两个问题。此外使用该方法，还能用instanceof运算符检查给定变量指向的对象类型。因此，下面的代码将输出true：

alert(oCar instanceof Car); //outputs "true"

这个方式看起来很不错，遗憾的是，它并不尽如人意。

1首先这个构造函数没有参数。使用原型方式时，不能给构造函数传递参数初始化属性的值，因为car1和car2的属性都等于“red”。