JavaScript實現多重繼承的方法分析，javascript繼承

JavaScript實現多重繼承的方法分析，javascript繼承

本文執行個體講述了JavaScript實現多重繼承的方法。分享給大家供大家參考，具體如下：

1. 定義一個空的父類建構函式，然後通過prototype的方式為該父類定義屬性和方法

2. 定義一個空的子類的建構函式，然後將子類的原型綁定在父類的執行個體上，再將子類原型的父類也綁定在父類的執行個體上。通過prototype的方式為子類設定自己的屬性和方法。

3. 定義一個空的孫類建構函式，然後將孫類的原型綁定到子類的執行個體上，再將孫類原型的父類綁定到子類的執行個體上。通過prototype方式為孫類定義自己的屬性和方法。

4. 執行個體化一個孫類對象，通過調用該執行個體對象，調用自身的方法，也可以調用孫類的父類即文中的子類的方法，也可直接調用最大父類即這裡父類的方法，也可以為當前對象添加屬性和方法。

function Person(){}Person.prototype.name = "人";// 為人類建立一個name屬性Person.prototype.say = function(content){// 為人類建立一個說話的方法  if(!this.name){ // 如果對象不存在name屬性，則使用原型鏈的name    this.name = this.__proto__.name;  }  console.log("我是" + this.name + ",我想說"+content);};function Parent(){}Parent.prototype = new Person();  // 設定Parent類繼承Person類Parent.prototype.superClass = new Person();// 設定superClass儲存父類Person的方法屬性Parent.prototype.name = "父輩類";// 設定Parent類的name屬性Parent.prototype.say = function(){// 設定Parent類自己的 say 方法  console.log("我是Parent類的say方法！");};function Child(){}Child.prototype = new Parent();// 設定Child類繼承Parent類Child.prototype.superClass = new Parent();// 設定superClass儲存父類Parent的方法屬性Child.prototype.say = function(){  //設定Child類自己的say方法  console.log("我是Child類的say方法！");}var c = new Child();// 執行個體化一個Child對象c.say();  // 調用自身原型的say方法，輸出：我是Child類的say方法！c.superClass.say(); // 調用父類Parent的say方法，輸出： 我是Parent類的say方法！c.superClass.superClass.say("哈哈");// 直接調用最大的父類Person的say方法(方法中的this指向Person)，輸出：我是人,我想說哈哈"// 用call調用最大的父類Person的say方法(方法中的this指向執行個體化對象c，但此時c並沒有name屬性，所以this.name用的是Parent的name)c.superClass.superClass.say.call(c,"嘻嘻"); // 輸出：我是父輩類,我想說嘻嘻c.name = "子類執行個體";// 給當前對象增加name屬性// 還是用call調用最大父類Person的say方法(此時c對象中已經有name屬性);c.superClass.superClass.say.call(c,"我是子類的執行個體化對象"); // 輸出：我是子類執行個體,我想說我是子類的執行個體化對象

ps:多重繼承可以在原型對象上新增一個屬性用以儲存父類的對象和屬性，子類調用的時候使用superClass點出父類方法，這樣一來就解決了父類和子類方法同名，子類繼承父類之後會覆蓋父類方法的問題。