龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

JavaScript的两种定义类的方式

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
1、混合构造函数/原型方式 function Car(sColor, iDoors, iMpg) { this .color = sColor; this .doors = iDoors; this .mpg = iMpg; this .drivers = new Array(“Mike”, “Sue”); } Car.prototype.showColor = function () { alert( this .

1、混合构造函数/原型方式

function  Car(sColor, iDoors, iMpg) {
this .color  =  sColor;
this .doors  =  iDoors;
this .mpg  =  iMpg;
this .drivers  =   new  Array(“Mike”, “Sue”);
}

Car.prototype.showColor  =   function  () {
alert( this .color);
};

var  oCar1  =   new  Car(“red”,  4 ,  23 );
var  oCar2  =   new  Car(“blue”,  3 ,  25 );

oCar1.drivers.push(“Matt”);

alert(oCar1.drivers);  // outputs “Mike,Sue,Matt” 
alert(oCar2.drivers);  // outputs “Mike,Sue” 

优点:具有其它方式的优点而没有其它方式的缺点;
不足:封装性欠缺。

2、动态原型方式

function  Car(sColor, iDoors, iMpg)   {
this .color  =  sColor;
this .doors  =  iDoors;
this .mpg  =  iMpg;
this .drivers  =   new  Array(“Mike”, “Sue”);

if  ( typeof  Car._initialized  ==  “undefined”)   {
Car.prototype.showColor  =   function  ()   {
alert( this .color);
} ;

Car._initialized  =   true ;

优点:封装性比上一个方式更好;
不足:就是看上去奇怪一点,呵呵

总之,以上2种方式是目前最广泛使用的,尽量使用它们避免不必要的问题。

【相关文章】

精彩图集

赞助商链接