Flyingis

          Talking and thinking freely !
          Flying in the world of GIS !
          隨筆 - 156, 文章 - 16, 評論 - 589, 引用 - 0
          數據加載中……

          JavaScript 中的繼承(下)

          ??? 作者:Flyingis

          ??? Prototype

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


          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 = new ClassA();
          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不能支持多重繼承。
          ??
          ??? 在《JavaScript中的對象(下)》和上文的論述中可以了解到,使用構造器定義類實現繼承和使用prototype實現繼承均存在各自的缺陷,要避免出現這些情況,只有將兩者混合使用。

          ??? 混合方法

          ??? 《JavaScript中的對象(下)》一文中曾經論述,創建一個類的最佳方法,是使用構造器的方法去定義屬性,使用prototype定義方法。在繼承中同樣如此。

          function ClassA(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);
          }

          posted on 2006-07-15 16:53 Flyingis 閱讀(1564) 評論(0)  編輯  收藏 所屬分類: Web 客戶端技術

          主站蜘蛛池模板: 石嘴山市| 上饶县| 新蔡县| 北辰区| 苗栗市| 罗平县| 永定县| 福泉市| 永康市| 丹棱县| 仲巴县| 宣武区| 西乌珠穆沁旗| 台湾省| 嵊泗县| 东山县| 资溪县| 无为县| 涞源县| 乌拉特前旗| 泗洪县| 汾阳市| 土默特左旗| 武乡县| 淮南市| 南投市| 襄城县| 平陆县| 东源县| 乾安县| 桑日县| 濮阳县| 和政县| 驻马店市| 汾阳市| 高邮市| 鹿邑县| 湟源县| 巍山| 湾仔区| 二手房|