教程集 > 脚本编程 > javascript > 正文 JavaScript 常见对象类创建代码与各自的优缺点分析

JavaScript 常见对象类创建代码与各自的优缺点分析

发布时间：2014-11-17 编辑：jiaochengji.com

本篇文章介绍了，javascript中常见对象的创建方法与代码，并就其各自的优缺点进行分析。有需要的朋友，可以参考下。

在javascript中的类定义方式，常用的是杂合prototype/constructor 和动态prototype方式。

构建一个类有好几种方法:
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方式。
希望以上内容，有助于大家理解javascript对象类的创建方法，教程集，祝大家学习进步。

[关闭]