最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript實現(xiàn)多重繼承的方法分析

 更新時間:2018年01月09日 14:20:01   作者:安靜的嘶吼  
這篇文章主要介紹了JavaScript實現(xiàn)多重繼承的方法,結(jié)合實例形式詳細分析了javascript實現(xiàn)多重繼承的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了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)用最大父類即這里父類的方法,也可以為當(dāng)前對象添加屬性和方法。

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 = "子類實例";// 給當(dāng)前對象增加name屬性
// 還是用call調(diào)用最大父類Person的say方法(此時c對象中已經(jīng)有name屬性);
c.superClass.superClass.say.call(c,"我是子類的實例化對象"); // 輸出:我是子類實例,我想說我是子類的實例化對象

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • 基于JavaScript實現(xiàn)生成名片、鏈接等二維碼

    基于JavaScript實現(xiàn)生成名片、鏈接等二維碼

    本文使用javascript技術(shù)實現(xiàn)生成名片、鏈接等二維碼的代碼,代碼簡單易懂并附有注釋,需要的朋友可以參考下本文
    2015-09-09
  • js實現(xiàn)簡單抽獎功能

    js實現(xiàn)簡單抽獎功能

    這篇文章主要為大家詳細介紹了js實現(xiàn)簡單抽獎功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • 判斷控件是否已加載完成的代碼

    判斷控件是否已加載完成的代碼

    判斷一個控件是否已加載完成其實很簡單,就是利用瀏覽器的解析順序。通俗的說,代碼的位置越靠前,就越先加載。
    2010-02-02
  • countUp.js實現(xiàn)數(shù)字滾動效果

    countUp.js實現(xiàn)數(shù)字滾動效果

    這篇文章主要為大家詳細介紹了countUp.js實現(xiàn)數(shù)字滾動效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • JS獲取鼠標(biāo)相對位置的方法

    JS獲取鼠標(biāo)相對位置的方法

    這篇文章主要介紹了JS獲取鼠標(biāo)相對位置的方法,涉及javascript事件響應(yīng)及針對頁面元素屬性的動態(tài)操作技巧,需要的朋友可以參考下
    2016-09-09
  • 使用 electron 實現(xiàn)類似新版 QQ 的登錄界面效果(陰影、背景動畫、窗體3D翻轉(zhuǎn))

    使用 electron 實現(xiàn)類似新版 QQ 的登錄界面效果(陰影、背景動畫、窗體3D翻轉(zhuǎn))

    這篇文章主要介紹了使用 electron 實現(xiàn)類似新版 QQ 的登錄界面效果(陰影、背景動畫、窗體3D翻轉(zhuǎn)),其實主要用到的就是 CSS3 的效果:邊框圓角、陰影,3D變換,實現(xiàn)代碼超級簡單,需要的朋友可以參考下
    2018-10-10
  • Javascript動畫的實現(xiàn)原理淺析

    Javascript動畫的實現(xiàn)原理淺析

    這篇文章主要介紹了Javascript動畫的實現(xiàn)原理淺析,本文用兩個實例來解釋Javascript動畫的實現(xiàn)原理,需要的朋友可以參考下
    2015-03-03
  • 微信小程序?qū)崿F(xiàn)字母索引菜單

    微信小程序?qū)崿F(xiàn)字母索引菜單

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)字母索引菜單,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JavaScript cookie原理及使用實例

    JavaScript cookie原理及使用實例

    這篇文章主要介紹了JavaScript cookie原理及使用實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-05-05
  • js手寫貪吃蛇游戲?qū)嵗创a

    js手寫貪吃蛇游戲?qū)嵗创a

    這篇文章主要給大家介紹了關(guān)于js手寫貪吃蛇游戲的相關(guān)資料,貪吃蛇游戲是一款經(jīng)典的游戲,在很多平臺上都有出現(xiàn),文中給出了詳細源代碼,需要的朋友可以參考下
    2023-09-09

最新評論

乌恰县| 永和县| 阳东县| 麻阳| 九台市| 万宁市| 长沙县| 中山市| 壤塘县| 灵川县| 固始县| 井冈山市| 凤山市| 新乐市| 扎赉特旗| 东乌珠穆沁旗| 温宿县| 寿宁县| 秦安县| 乌拉特后旗| 湖南省| 手游| 延长县| 华阴市| 吐鲁番市| 水城县| 宜都市| 苍山县| 广元市| 深泽县| 甘南县| 澳门| 楚雄市| 平远县| 吴川市| 威远县| 临武县| 广安市| 永丰县| 榆林市| 佛坪县|