js和class的继承方式

一，js继承

 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) {
      //使用.call方法来改变this的指向
      User.call(this, name, pass);

      this.level = level;
    }
    //用子组件的原型链 来继承父组件的原型
   VipUser.prototype = new User();

   //这时就可以继承到 父组件饿方法

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

二，class继承方式

//父原型 
class User{
      constructor(name, pass){
        this.name=name;
        this.pass=pass;
      }

      showName(){
        alert(this.name);
      }
      showPass(){
        alert(this.pass);
      }
    }

  
//extends 方法来指向父对象
 class VipUser extends User{
      constructor(name, pass, level){
      //用super方法来继承
        super(name, pass);

        this.level=level;
      }

      showLevel(){
        alert(this.level);
      }
    }

这样就可以继承到父亲的原型