常用 的方法继承用户

简单的构造用户

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();

用es6来继承

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();