您好,登錄后才能下訂單哦!
本文實例講述了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點出父類方法,這樣一來就解決了父類和子類方法同名,子類繼承父類之后會覆蓋父類方法的問題。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。