Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

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

    编辑:教程网 来源:网络 时间:2011年10月05日 16:50
    IT产品库 http://www.websmill.com

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

    IT产品库 http://www.websmill.com
  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/26156.html

  • 上一篇:javascript自定义函数
  • 下一篇:Javascript实例教程(5) 在一个表单中设置和检查Cookies