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

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

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

本文實(shí)例講述了JavaScript實(shí)現(xiàn)多重繼承的方法。分享給大家供大家參考,具體如下:

1. 定義一個(gè)空的父類構(gòu)造函數(shù),然后通過(guò)prototype的方式為該父類定義屬性和方法

2. 定義一個(gè)空的子類的構(gòu)造函數(shù),然后將子類的原型綁定在父類的實(shí)例上,再將子類原型的父類也綁定在父類的實(shí)例上。通過(guò)prototype的方式為子類設(shè)置自己的屬性和方法。

3. 定義一個(gè)空的孫類構(gòu)造函數(shù),然后將孫類的原型綁定到子類的實(shí)例上,再將孫類原型的父類綁定到子類的實(shí)例上。通過(guò)prototype方式為孫類定義自己的屬性和方法。

4. 實(shí)例化一個(gè)孫類對(duì)象,通過(guò)調(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è)說(shuō)話的方法
  if(!this.name){ // 如果對(duì)象不存在name屬性,則使用原型鏈的name
    this.name = this.__proto__.name;
  }
  console.log("我是" + this.name + ",我想說(shuō)"+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),輸出:我是人,我想說(shuō)哈哈"
// 用call調(diào)用最大的父類Person的say方法(方法中的this指向?qū)嵗瘜?duì)象c,但此時(shí)c并沒(méi)有name屬性,所以this.name用的是Parent的name)
c.superClass.superClass.say.call(c,"嘻嘻"); // 輸出:我是父輩類,我想說(shuō)嘻嘻
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í)例,我想說(shuō)我是子類的實(shí)例化對(duì)象

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

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

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

相關(guān)文章

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

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

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

    js實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)功能

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

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

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

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

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

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

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

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

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

    Javascript動(dòng)畫的實(shí)現(xiàn)原理淺析

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

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

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

    JavaScript cookie原理及使用實(shí)例

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

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

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

最新評(píng)論

中山市| 福建省| 仪陇县| 七台河市| 海安县| 茌平县| 玛沁县| 故城县| 灵寿县| 巍山| 塔河县| 左权县| 西青区| 民和| 威信县| 广元市| 德兴市| 项城市| 通城县| 赫章县| 荥阳市| 登封市| 红桥区| 景德镇市| 隆化县| 家居| 湘潭县| 中牟县| 青河县| 奉贤区| 景谷| 诸城市| 公主岭市| 洞口县| 碌曲县| 屏山县| 中宁县| 北宁市| 会昌县| 托克托县| 垦利县|