JavaScript 中的繼承(上)

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

          ??? 繼承是面向對象語言基本特征之一,通過繼承可以將父類所具有的特性遺傳到子類。ECMAScript中的繼承不像Java、C++等語言那么明顯,直接通過關鍵字來實現,通常它是通過模擬方式來實現繼承功能的,并且實現方式有多種。

          ??? 在繼承中引入this關鍵字,使用構造器方法定義類來實現繼承。一個構造器是一個函數,因此可以將父類的構造器作為子類的一個方法使用并進行調用。

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


          ?
          function ClassB(id,?name)? {
          ??
          this .newMethod =
          ClassA;
          ??
          this
          .newMethod(id);
          ??
          delete?this.
          newMethod;

          ??
          this .name =
          name;
          ??
          this .sayName =?function()
          {
          ???? alert(
          this
          .name);
          ?? }
          ;
          }

          ??? 注意,子類中所有新的屬性和方法都必需在刪除newMethod后引入,否則,可能存在用父類的屬性和方法重寫子類屬性和方法的危險。另外,使用這種方法還可以實現多重繼承,此時如果兩個父類具有相同的屬性或方法時,最后的類具有優先級。由于這種繼承方法比較流行,ECMAScript第三版引入了兩個 Function對象:call()和apply()。

          ??? call()

          ??? call()方法是最接近上述繼承方式的方法,它的第一個參數是this指向的對象,所有的其他參數都直接傳到function。

          ? functionsayMessage(first,?last)?{
          ?? alert(first
          +?this.logic +last);
          }
          ;

          varobj =new Object();
          obj.logic
          =?"or";

          sayMessage.call(obj,
          "Coffee ",?"Tea");??//輸出"Coffee?or?Tea"

          ??? 用call()方法來實現繼承,只需要this.newMethod相關的三行代碼。

          ? functionClassB(id,?name)?{
          ??
          ? //this.newMethod?=?ClassA;
          ??//this.newMethod(id);
          ??//delete?this.newMethod;
          ??ClassA.call(this,?id);??//this指向ClassB的對象

          ??
          this.name =name;
          ??
          this.sayName =?function()?{
          ???? alert(
          this.name);
          ?? }
          ;
          }

          ??? apply()

          ??? apply()方法需要兩個參數:this所指向的對象,和傳到function的由參數組成的array。

          function?sayMessage(first,?last)??{
          ??alert(first?
          +?this.logic?+last);
          }
          ;

          var?obj?=?new?Object();
          obj.logic?
          =?"or";

          sayMessage.apply(obj,?
          new?Array("Coffee?",?"?Tea"));??//輸出"Coffee?or?Tea"
          ??
          ??? 同樣,使用 apply() 實現繼承可以通過如下方法實現。

          function?ClassB(id,?name)?{
          ??
          //this.newMethod?=?ClassA;
          ??//this.newMethod(id);
          ??//delete?this.newMethod;
          ??ClassA.apply(this,?new?Array(id));??//this指向ClassB的對象

          ??
          this.name?=?name;
          ??
          this.sayName?=?function()?{
          ????alert(
          this.name);
          ??}
          ;
          }

          ??? 當父類構造器的參數和子類構造器參數的順序一致時,可以使用子類的arguments對象作為第二個參數。否則,必需創建一個array來傳遞參數,或是使用call()方法。

          ??? 文章待續……
          主站蜘蛛池模板: 高邑县| 罗田县| 稻城县| 宁安市| 含山县| 宜城市| 长春市| 盈江县| 新丰县| 洪洞县| 石楼县| 太湖县| 利津县| 南充市| 沐川县| 马公市| 桑日县| 丰都县| 和田市| 北海市| 遂宁市| 洪泽县| 密云县| 申扎县| 亳州市| 彰化县| 秭归县| 涿鹿县| 汉阴县| 德惠市| 资兴市| 白山市| 达日县| 泰和县| 崇信县| 兴国县| 宜城市| 营山县| 商南县| 进贤县| 清原|