JavaScript中的繼承(下)

          Posted on 2006-11-28 23:14 Jaunt 閱讀(195) 評論(0)  編輯  收藏 所屬分類: JavaScript
          ? 作者: Flyingis?
          ??原載:http://www.aygfsteel.com/flyingis/archive/2006/07/15/58339.html
          ??? Prototype

          ???
          我們了解到任何prototype的屬性和方法都會被傳遞到該類的所有實例中,利用這一特性,使用prototype也能實現繼承。
          ?
          ? functionClassA()?{
          }


          ClassA.prototype.id
          =?1998;
          ?ClassA.prototype.sayId
          =function(){
          ?? alert(
          this.id);
          }
          ;

          functionClassB(){
          }


          ClassB.prototype
          =newClassA();
          ClassB.prototype.name
          ="";
          ?ClassB.prototype.sayName
          =function(){
          ?? alert(
          this.name);
          }

          ??? 需要注意的是,這種實現繼承的方法不能將參數傳入到ClassA的構造器中,是一個缺陷。ClassB的所有屬性和方法必需在將ClassB的 prototype對象指向ClassA的實例之后進行附值。這樣做是因為,prototype指向一個新的對象,在此之前prototype的屬性和方法都被覆蓋銷毀。

          ??? 對代碼進行測試:

          var?obj1 =newClassA();
          var?obj2=new ClassB();
          obj1.id
          =?1998;
          obj2.id
          =?2000;
          obj2.name
          ="悉尼奧運會";
          obj1.sayId();??
          //輸出"1998"
          obj2.sayId();??//輸出"1998"
          obj2.sayName();??//輸出"悉尼奧運會"

          alert(obj2
          instanceofClassA);??//輸出"true"
          alert(obj2 instanceofClassB);??//輸出"true"

          ??? 在上述代碼中可以看出,使用prototype實現繼承,instanceof操作符出現了另外的用途,在用構造起定義類實現繼承時,instanceof不會出現這種效果。但是使用prototype不能支持多重繼承。
          ??
          ??? 使用構造器定義類實現繼承和使用prototype實現繼承均存在各自的缺陷,要避免出現這些情況,只有將兩者混合使用。

          ??? 混合方法

          ??? 創建一個類的最佳方法,是使用構造器的方法去定義屬性,使用prototype定義方法。在繼承中同樣如此。

          ? functionClassA(id)?{
          ??
          this.id =id;
          }


          ? ClassA.prototype.sayId
          =?function() {
          ?? alert(
          this.id);
          }
          ;

          function ClassB(id,?name) {
          ?? ClassA.call(
          this,?id);
          ??
          this.name =name;
          }


          ClassB.prototype
          =? new ClassA();
          ?ClassB.prototype.sayName
          =function(){
          ?? alert(
          this.name);
          }
          主站蜘蛛池模板: 开原市| 驻马店市| 都安| 万宁市| 岳西县| 西乌珠穆沁旗| 辽阳县| 安义县| 栖霞市| 通江县| 南川市| 井冈山市| 曲靖市| 黎平县| 黄冈市| 杭州市| 玛纳斯县| 类乌齐县| 澄江县| 本溪市| 社旗县| 桃园县| 花垣县| 彩票| 木兰县| 泾川县| 巴林右旗| 济南市| 上杭县| 津市市| 梁平县| 商丘市| 桂平市| 惠来县| 平舆县| 井冈山市| 大宁县| 滕州市| 满城县| 海原县| 册亨县|