当前位置: 代码迷 >> JavaScript >> JavaScript惯用的2种定义类的方式
  详细解决方案

JavaScript惯用的2种定义类的方式

热度:286   发布时间:2012-11-03 10:57:44.0
JavaScript常用的2种定义类的方式

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

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

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

  10. var oCar1 = new Car(“red”, 4 , 23 );
  11. var oCar2 = new Car(“blue”, 3 , 25 );
  12. oCar1.drivers.push(“Matt”);
  13. alert(oCar1.drivers); // outputs “Mike,Sue,Matt”
  14. alert(oCar2.drivers); // outputs “Mike,Sue”

优点:具有其它方式的优点而没有其它方式的缺点

不足:封装性欠缺

2 . 动态原型方式

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

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

  10. Car._initialized = true ;
  11. }
  12. }

优点:封装性比上一个方式更好

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

  相关解决方案