Mr. Lei

Js-面向对象之ES6写法
ES5写法 //抽象父类型:保存共同的属性 function User(uname,val){ thi...
扫描右侧二维码阅读全文
16
2019/05

Js-面向对象之ES6写法

ES5写法

//抽象父类型:保存共同的属性
function User(uname,val){
    this.uname=uname;
    this.val=val;
}

//力量值
function Power(uname,val){
    User.call(this,uname,val);
}
Power.prototype.getPower=function(){
     console.log(`${this.uname}的力量值为${this.val}`);
}

//生命值
function Life(uname,val){
    User.call(this,uname,val);
}
Life.prototype.getLife=function(){
    console.log(`${this.uname}的生命值还剩余${this.val}`);
}

var xm_power=new Power("小明",100);
xm_power.getPower();//小明的力量值为100
var xm_Life=new Life("小明",3);
xm_Life.getLife();//小明的生命值还剩余3

ES6写法

//抽象父类型:保存共同的属性
function User(uname,val){
    this.uname=uname;
    this.val=val;
}

//力量值
class Power extends User{
    constructor(uname,val){
         super(uname,val);
    }
    getPower(){
         console.log(`${this.uname}的力量值为${this.val}`);
    }
}
//生命值
class Life extends User{
     constructor(uname,val){
         super(uname,val);
     }
     getLife(){
         console.log(`${this.uname}的生命值还剩余${this.val}`);
     }
}

var xm_power=new Power("小明",100);
xm_power.getPower();//小明的力量值为100
var xm_Life=new Life("小明",3);
xm_Life.getLife();//小明的生命值还剩余3
Last modification:May 24th, 2019 at 12:22 pm

Leave a Comment