本文實例講述了JavaScript實現(xiàn)多重繼承的方法。分享給大家供大家參考,具體如下:
1. 定義一個空的父類構(gòu)造函數(shù),然后通過prototype的方式為該父類定義屬性和方法
2. 定義一個空的子類的構(gòu)造函數(shù),然后將子類的原型綁定在父類的實例上,再將子類原型的父類也綁定在父類的實例上。通過prototype的方式為子類設(shè)置自己的屬性和方法。
3. 定義一個空的孫類構(gòu)造函數(shù),然后將孫類的原型綁定到子類的實例上,再將孫類原型的父類綁定到子類的實例上。通過prototype方式為孫類定義自己的屬性和方法。
4. 實例化一個孫類對象,通過調(diào)用該實例對象,調(diào)用自身的方法,也可以調(diào)用孫類的父類即文中的子類的方法,也可直接調(diào)用大父類即這里父類的方法,也可以為當前對象添加屬性和方法。
function Person(){} Person.prototype.name = "人";// 為人類創(chuàng)建一個name屬性 Person.prototype.say = function(content){// 為人類創(chuàng)建一個說話的方法 if(!this.name){ // 如果對象不存在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();// 實例化一個Child對象 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),輸出:我是人,我想說哈哈" // 用call調(diào)用大的父類Person的say方法(方法中的this指向?qū)嵗瘜ο骳,但此時c并沒有name屬性,所以this.name用的是Parent的name) c.superClass.superClass.say.call(c,"嘻嘻"); // 輸出:我是父輩類,我想說嘻嘻 c.name = "子類實例";// 給當前對象增加name屬性 // 還是用call調(diào)用大父類Person的say方法(此時c對象中已經(jīng)有name屬性); c.superClass.superClass.say.call(c,"我是子類的實例化對象"); // 輸出:我是子類實例,我想說我是子類的實例化對象
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
名稱欄目:JavaScript實現(xiàn)多重繼承的方法分析-創(chuàng)新互聯(lián)
網(wǎng)站地址:http://chinadenli.net/article28/desijp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、網(wǎng)站維護、建站公司、虛擬主機、關(guān)鍵詞優(yōu)化、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)