ES6--面向对象

1 class关键字、构造器和类分开了
2 class里面直接加方法

老版本写法
function User(name,pass){
    this.name=name;
    this.pass=pass;
}
User.prototype.showName=function(){
    alert(this.name);
}
User.prototype.showPass=function(){
    alert(this.pass);
}
var ul=new User('bule','123456');
ul.showName();
ul.showPass();

新版本写法

class User{
    constructor(name.pass){
      this.name=name;
      this.pass=pass;
    }
    showName(){
        alert(this.name);
    }
    showPass(){
         alert(this.pass);
    }
}

继承:

super--超类(父类)

老版写法
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('red','12345','12');
v1.showName();
v1.showPass();
v1.showLevel;

新版写法

class VipUser extends User{
    constructor(name,pass,level){
        super(name,pass);
        this.level=level;
    }
    showLevel(){
        alert(this.level);
    }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容