工廠方式
創建并返回特定類型的對象。
代碼如下:
function createCar(sColor,iDoors,iMpg){
var oTempCar=new Object();
oTempCar.color=sColor;
oTempCar.doors=iDoors;
oTempCar.mpg=iMpg;
oTempCar.showColor=function(){
alert(this.color);
}
return oTempCar;
}
調用示例：
代碼如下:
var oCar1=createCar("red",4,23);
var oCar2=createCar("blue",3,25);
oCar1.showColor();
oCar2.showColor();
缺點：方法重復創建了。如在上面的調用示例中，oCar1和oCar2均有自己的shoColor方法，但這個是可以共用的。
構造函數方式
示例：
代碼如下:
function Car(sColor,iDoors,iMpg){
this.color=sColor;
this.door=iDoors;
this.mpg=iMpg;
this.showColor=function(){
alert(this.color);
}
}
調用示例：
代碼如下:
var oCar1=new Car("red",4,23);
var oCar2=new Car("blue",3,25);
缺點：跟工廠方式一樣，方法重復創建了。
原型方式
本方式利用了對象的 prototype 屬性，可把它看成創建新對象所依賴的原型。這里用空構造函數來設置類名，然后所有的屬性和方法都被直接賦予 prototype 屬性，重寫前面的例子，代碼如下:
代碼如下:
function Car(){
}
Car.prototype.color="red";
Car.prototype.doors=4;
Car.prototype.mpg=23;
Car.prototype.showColor=function(){
alert(this.color);
}
調用：
代碼如下:
var oCar1=new Car();
var oCar2=new Car();
缺點：不能通過給構造函數傳遞參數初始化屬性的值
混合的構造函數/原型方式
聯合使用構造函數和原型方式，示例如下：
代碼如下:
function Car(sColor,iDoors,iMpg){
this.color=sColor;
this.door=iDoors;
this.mpg=iMpg;
}
Car.prototype.showColor=function(){
alert(this.color);
}
調用示例：
代碼如下:
var oCar1=new Car("red",4,23);
var oCar2=new Car("blue",3,25);
優點：無內存浪費，創建方便。
這種方式是ECMAScript采用的主要方式。
動態原型方法
使用混合的構造函數/原型方式把對象的方法放在了對象外面定義，讓人感覺不是那么面向對象，沒有在視覺上進行很好的封裝，因此產生了動態原型方法：
代碼如下:
function Car(sColor,iDoors,iMpg){
this.color=sColor;
this.door=iDoors;
this.mpg=iMpg;
if(typeof Car._initialized=="undefined"){
Car.prototype.showColor=function(){
alert(this.color);
};
Car._initialized=true;
}
}
作者：Artwl
出處：http://artwl.cnblogs.com
