일반적인 방법으로 사용자를 계승하다

간단한 사용자 구성

function User(name,age){
    this.name=name;
    this.age=age;
}
User.prototype.showName=function(){
    alert(this.name);
}
User.prototype.showAge=function(){
    alert(this.age);
}
let u=new User("hr",18);
u.showName();
u.showAge();

es6 대상 구조user 구현

class User{
    constructor(name,age){
        this.name=name;
        this.age=age;
    }
    showName(){
        alert(this.name);
    }
    showAge(){
        alert(this.age);
    }
}
let u=new User("hr",18);
u.showName();
u.showAge();

js로 계승

function User(name,age){
    this.name=name;
    this.age=age;
}
User.prototype.showName=function(){
    alert(this.name);
}
User.prototype.showAge=function(){
    alert(this.age);
}
function VipUser(name,age,level){
    User.call(this,name,age);
    this.level=level;
}
VipUser.prototype=new User();
VipUser.prototype.constructor=VipUser;
VipUser.prototype.showLevel=function(){
    alert(this.level);
}
let u=new VipUser("hr",18,7);
u.showName();
u.showAge();

에스6로 계승하다

class User{
    constructor(name,age){
        this.name=name;
        this.age=age;
    }
    showName(){
        alert(this.name);
    }
    showAge(){
        alert(this.age);
    }
}
class VipUser extends User{
    constructor(name,age,level){
        super(name,age);
        this.level=level;
    }
    showLevel(){
        alert(this.level);
    }
}
let u=new VipUser("hr",18,7);
u.showName();
u.showLevel();