js--设计模式--适配器模式

学习资源推荐

js--设计模式--适配器模式

    • 描述
    • 引入
    • code


  • 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
  • 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
    在这里插入图片描述

学习资源推荐

描述

现有接口无法满足当前需求,需要进一步封装,方可解决问题

引入

模拟一个游戏场景,35级玩家依旧使用30级的装备,输出有限。现有一个35级单人历练任务,现有主武器输出无法通过历练。此时,可以通过为现有装备打造符文,提高输出

code

//原始主武器
class Sword {
    attack() {
        return 500;// 原始主武器输出:500
    }

}
//符文
class Rune {
    constructor() {
        this.sword = new Sword();
    }

    //打造符文
    build() {
        return this.sword.attack() * 10;// 打造符文后,主武器输出增强十倍
    }

}

//历练任务开始
const rune = new Rune();//注意:此时挑选的不再是原始主武器,而是打造符文后的
const data = rune.build();//主武器输出增强十倍
console.log(`十倍输出,历练通过:${data}`)

你可能感兴趣的:(js)