JavaScript繼承與多繼承實(shí)例講解

這篇文章主要介紹“JavaScript繼承與多繼承實(shí)例講解”，在日常操作中，相信很多人在JavaScript繼承與多繼承實(shí)例講解問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JavaScript繼承與多繼承實(shí)例講解”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作與策劃設(shè)計(jì),邢臺(tái)網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:邢臺(tái)等地區(qū)。邢臺(tái)做網(wǎng)站價(jià)格咨詢:13518219792

本文實(shí)例講述了JavaScript繼承與多繼承。分享給大家供大家參考，具體如下：

雖然最新的EC6里邊已經(jīng)有了class的相關(guān)功能，但是從普及度上和閱讀舊代碼需求的方面來(lái)看，這點(diǎn)知識(shí)也得了解一下。

本文結(jié)構(gòu)：

① 原理及分析

② 簡(jiǎn)單封裝后的運(yùn)用

1. 繼承

① 原理及分析

先上一張圖：

用這段代碼的思想來(lái)實(shí)現(xiàn)繼承，即：

var inherit=function(objBase){
    var F=function(){}; //第一步：定義一個(gè)函數(shù)F
    F.prototype=objBase; //第二步：將傳進(jìn)來(lái)的基類對(duì)象(objBase)賦給函數(shù)F的原型(F.prototype)
    return new F(); //第三步：返回一個(gè)F對(duì)象(已經(jīng)具備了objBase特征)
}

② 簡(jiǎn)單封裝后的運(yùn)用

Function.prototype.inherit=function(objBase){
    this.prototype=new objBase();
}
var Person=function(){
    this.name="倩倩";
    this.sex="女";
}
var Student=function(){
    this.id="0712";
}
Student.inherit(Person);
var student=new Student();
alert(student.name +","+ student.sex +","+ student.id);

2. 多繼承

① 原理及分析

多繼承就是將多個(gè)對(duì)象的成員，交給當(dāng)前對(duì)象

var o1={name:"倩倩"} //對(duì)象的字面值
var o2={sex:"女"}
var She=function(){}
She.prototype={};  //先聲明
for(var k in o1){
    She.prototype[k]=o1[k];
}
for(var k in o2){
    She.prototype[k]=o2[k];
}
var she=new She();
alert(she.name + "," + she.sex);

② 簡(jiǎn)單封裝后的運(yùn)用

Function.prototype.inherits=function(){
    var arr=arguments; //將接收到的arguments對(duì)象傳給數(shù)組arr
    this.prototype={};
    for(var i=0;i<arr.length;i++){
      for(var k in arr[i]){
        var obj=arr[i];
        this.prototype[k]=obj[k];
      }
    }
}
var o1={name:"倩倩"} //對(duì)象的字面值
var o2={sex:"女"}
var She=function(){}
She.inherits(o1,o2);
var she=new She();
alert(she.name + "," + she.sex);

到此，關(guān)于“JavaScript繼承與多繼承實(shí)例講解”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

分享題目：JavaScript繼承與多繼承實(shí)例講解
URL分享：http://bm7419.com/article30/jdioso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、App設(shè)計(jì)、品牌網(wǎng)站制作、定制開(kāi)發(fā)、網(wǎng)站制作、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)