本文實(shí)例講述了JavaScript實(shí)現(xiàn)多重繼承的方法。分享給大家供大家參考,具體如下:
1. 定義一個(gè)空的父類構(gòu)造函數(shù),然后通過prototype的方式為該父類定義屬性和方法
2. 定義一個(gè)空的子類的構(gòu)造函數(shù),然后將子類的原型綁定在父類的實(shí)例上,再將子類原型的父類也綁定在父類的實(shí)例上。通過prototype的方式為子類設(shè)置自己的屬性和方法。
3. 定義一個(gè)空的孫類構(gòu)造函數(shù),然后將孫類的原型綁定到子類的實(shí)例上,再將孫類原型的父類綁定到子類的實(shí)例上。通過prototype方式為孫類定義自己的屬性和方法。
4. 實(shí)例化一個(gè)孫類對(duì)象,通過調(diào)用該實(shí)例對(duì)象,調(diào)用自身的方法,也可以調(diào)用孫類的父類即文中的子類的方法,也可直接調(diào)用最大父類即這里父類的方法,也可以為當(dāng)前對(duì)象添加屬性和方法。
function Person(){}Person.prototype.name = "人";// 為人類創(chuàng)建一個(gè)name屬性Person.prototype.say = function(content){// 為人類創(chuàng)建一個(gè)說話的方法 if(!this.name){ // 如果對(duì)象不存在name屬性,則使用原型鏈的name this.name = this.__proto__.name; } console.log("我是" + this.name + ",我想說"+content);};function Parent(){}Parent.prototype = new Person(); // 設(shè)置Parent類繼承Person類Parent.prototype.superClass = new Person();// 設(shè)置superClass保存父類Person的方法屬性Parent.prototype.name = "父輩類";// 設(shè)置Parent類的name屬性Parent.prototype.say = function(){// 設(shè)置Parent類自己的 say 方法 console.log("我是Parent類的say方法!");};function Child(){}Child.prototype = new Parent();// 設(shè)置Child類繼承Parent類Child.prototype.superClass = new Parent();// 設(shè)置superClass保存父類Parent的方法屬性Child.prototype.say = function(){ //設(shè)置Child類自己的say方法 console.log("我是Child類的say方法!");}var c = new Child();// 實(shí)例化一個(gè)Child對(duì)象c.say(); // 調(diào)用自身原型的say方法,輸出:我是Child類的say方法!c.superClass.say(); // 調(diào)用父類Parent的say方法,輸出: 我是Parent類的say方法!c.superClass.superClass.say("哈哈");// 直接調(diào)用最大的父類Person的say方法(方法中的this指向Person),輸出:我是人,我想說哈哈"http:// 用call調(diào)用最大的父類Person的say方法(方法中的this指向?qū)嵗瘜?duì)象c,但此時(shí)c并沒有name屬性,所以this.name用的是Parent的name)c.superClass.superClass.say.call(c,"嘻嘻"); // 輸出:我是父輩類,我想說嘻嘻c.name = "子類實(shí)例";// 給當(dāng)前對(duì)象增加name屬性// 還是用call調(diào)用最大父類Person的say方法(此時(shí)c對(duì)象中已經(jīng)有name屬性);c.superClass.superClass.say.call(c,"我是子類的實(shí)例化對(duì)象"); // 輸出:我是子類實(shí)例,我想說我是子類的實(shí)例化對(duì)象ps:多重繼承可以在原型對(duì)象上新增一個(gè)屬性用以保存父類的對(duì)象和屬性,子類調(diào)用的時(shí)候使用superClass點(diǎn)出父類方法,這樣一來就解決了父類和子類方法同名,子類繼承父類之后會(huì)覆蓋父類方法的問題。
新聞熱點(diǎn)
疑難解答
圖片精選