【转】JavaScript最流行的2种定义类的方式

JavaScript最流行的2种定义类的方式
选自《Professional Javascript For Web Developers》

其它方式:工厂方式,构造函数方式,原型方式都各有各的大缺陷,这里就不一一介绍了,想了解的可以去看一下这本著作的第3章节。

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种方式是目前最广泛使用的,尽量使用它们避免不必要的问题。

 
原文地址:https://www.cnblogs.com/lovebear/p/2707145.html