JavaScript 常見對象類建立代碼與優缺點分析

在Javascript中構建一個類有好幾種方法:
1.Factory 方式
複製代碼 代碼如下:function createCar(){
var car = new Object();
car.color=”b”;
car.length=1;
car.run=function(){alert(”run”);}
return car;
}

定義這麼一個函數之後,就可以用:
var car1 = createCar();
var car2 = createCar();
來建立新的對象，這種方式的問題是每一次建立一個car對象,run Function也都必須重新建立一次.浪費記憶體

2.Constructor方式 複製代碼 代碼如下:function Car(){
this.color=”b”;
this.length=1;
this.run=function(){alert(”run”);}
}
var car1=new Car();
var car2=new Car();

這是最基本的方式,但是也存在和factory方式一樣的毛病

3.prototype方式
複製代碼 代碼如下:function Car(){
}
Car.prototype.color=”b”;
Car.prototype.length=1;
Car.prototype.run=function(){alert(”run”);
}

這個方式的缺點是,當這個類有一個引用屬性時,改變一個對象的這個屬性也會改變其他對象得屬性
比如: 複製代碼 代碼如下:Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();
car1.data1.push(”a”);

此時,car2.data也就包含了”a”元素

4.Prototype/Constructor雜合方式 [常用]複製代碼 代碼如下:function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();
}
Car.prototype.run=function(){
alert(”dddd”);
}

這種方式去除了那些缺點.是目前比較大範圍使用的方式

5.動態prototype方式 [常用] 複製代碼 代碼如下:function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();

if(typeof Car.initilize==”undefined”){
Car.prototype.run=function(){alert(”a”);}
}

Car.initilize=true;
}

這幾種方式中,最常用的是雜合prototype/constructor 和 動態prototype方式