JS技术

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

字号+ 作者: 来源:    2014-11-17 20:00 我要评论( )

JavaScript常用的2种定义类的方式,阅读JavaScript常用的2种定义类的方式,1. 混合构造函数/原型方式 function Car(sColor, iDoors, iMpg) { this .color = sColor; this .doors = iDoors; this .mpg = iMpg; this .drivers = new Array(“Mike”, “Sue”); }

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评