您好,欢迎访问一九零五行业门户网

JavaScript高级程序设计 阅读笔记(十三) js定义类或对象_javascript技巧

工厂方式
创建并返回特定类型的对象。
复制代码 代码如下:
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
其它类似信息

推荐信息