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方式
javascript 混合的构造函数和原型方式,动态原型方式
我们日常JS编程中最常用的方式有下面2种:1.混合的构造函数和原型方式(重点)functioncar(sColor,iNumbers){//构造函数只用来定义对象的所有非函数属性,
最简单的javascript对象实例代码
[Ctrl+A全选注:如需引入外部Js需刷新才能执行]JavaScript面向对象的两种书写方法以及差别http://www.gimoo.net/article/13211.htmJavaScript面向对象入门精简篇http://www.
讨论javascript(一)工厂方式 js面象对象的定义方法
//60年代的汽车工厂varocar=newObject;ocar.color="black";ocar.doors=2;ocar.pinpai="解放";ocar.showPinpai=function(){alert(this.pinpai);//需要一个生产线,生产一个汽车,再生产