繼承

老版繼承

call ()

function User(name, pass){
    this.name=name;
    this.pass=pass;
}
User.prototype.showName=function (){
    alert(this.name);
};
User.prototype.showPass=function (){
    alert(this.pass);
};
//繼承
function VipUser(name, pass, level){
    User.call(this, name, pass);
    this.level=level;
}
VipUser.prototype=new User();
VipUser.prototype.constructor=VipUser;

VipUser.prototype.showLevel=function (){
    alert(this.level);
};

var v1=new VipUser('blue', '123456', 3);
v1.showName();
v1.showPass();
v1.showLevel();

ES6繼承

extends 繼承
super 超類/父類

class User{
    constructor(name, pass){
        this.name=name;
        this.pass=pass;
    }
    showName(){
        alert(this.name);
    }
    showPass(){
        alert(this.pass);
    }
}
//繼承
class VipUser extends User{
    constructor(name, pass, level){
        super(name, pass);  //super(...args);
        this.level=level;
    }
    showLevel(){
        alert(this.level);
    }
}


var v1=new VipUser('blue', '123456', 3);
v1.showName();
v1.showPass();
v1.showLevel();
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 簡介 Class 可以通過extends關(guān)鍵字實(shí)現(xiàn)繼承,這比 ES5 的通過修改原型鏈實(shí)現(xiàn)繼承,要清晰和方便很多。...
    emmet7life閱讀 401評(píng)論 0 0
  • 簡介 Class可以通過extends關(guān)鍵字實(shí)現(xiàn)繼承。 上面代碼定義了一個(gè)ColorPoint類,該類通過exte...
    oWSQo閱讀 755評(píng)論 0 1
  • 繼承是面向?qū)ο笾幸粋€(gè)比較核心的概念。其他正統(tǒng)面向?qū)ο笳Z言都會(huì)用兩種方式實(shí)現(xiàn)繼承:一個(gè)是接口實(shí)現(xiàn),一個(gè)是繼承。而EC...
    dxxwdong閱讀 411評(píng)論 0 2
  • 繼承6種套餐 參照紅皮書,JS繼承一共6種 1.原型鏈繼承 核心思想:子類的原型指向父類的一個(gè)實(shí)例 Son.pro...
    燈不梨喵閱讀 3,251評(píng)論 1 2
  • 2018年,在全體金海岸人默默無聞、無怨無悔、辛勤奉獻(xiàn)下,日照市金海岸小學(xué)各項(xiàng)工作取得了新的發(fā)展進(jìn)步,這其中,不僅...
    劉小丫_9932閱讀 184評(píng)論 0 0

友情鏈接更多精彩內(nèi)容