语法糖继承，（super和this.属性）

最新推荐文章于 2024-08-09 21:30:00 发布

kkuuid

最新推荐文章于 2024-08-09 21:30:00 发布

阅读量132

点赞数

分类专栏： HTML 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/kangqiang1998/article/details/126660757

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

class Zhuangshi {
  constructor(drink) {
    this.drink = drink
  }
  cost(){
    return this.drink.cost()
  }
  des(){
    return this.drink.des()
  }
}
soya = {
  cost: function () {
    return 10
  },
  des: function () {
    return '纯豆浆'
  },
}
let zs = new Zhuangshi(soya)
console.log(zs.cost());

class SugarZhuangshi extends Zhuangshi{
  constructor(drink){
    super(drink)
  }
  cost(){
    return super.cost()+1 // super和this.drink  同样的效果
  }
  des(){
    return super.des()+'糖'
  }
}
let szs = new SugarZhuangshi(zs)
console.log(szs.cost());

class EggZhuangshi extends Zhuangshi{
  constructor(drink){
    super(drink)
  }
  cost(){
    return this.drink.cost()+2 // super和this.drink  同样的效果
  }
  des(){
    return this.drink.des()+'蛋'
  }
}
let ezs = new EggZhuangshi(szs)
console.log(ezs.des());
console.log(ezs.cost());