js--设计模式--适配器模式
2023-09-27 14:26:50 时间
- 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
- 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩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时间戳转成日期格式
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- js处理日期格式化-年月日周
- js画图插件-zrender
- JS为什么要延迟加载,有哪些方法可以实现延迟加载?
- js深入研究之匿名函数
- ajax上传图片 jquery插件 jquery.form.js 的方法 ajaxSubmit; AjaxForm与AjaxSubmit的差异
- js设计模式之策略模式
- 《JS原理、方法与实践》- ES6原有对象新增属性
- 《JS原理、方法与实践》- canvas作图(五)- 环境的保存和恢复
- Clipboard.js – 现代方式实现复制文本到剪贴板
- js--字符串常用API
- 前端要革命?看我在 JS 里写 SQL
- 【Node.JS】事件的绑定与触发
- Vue.js实际开发案例
- GIS(五)——完成js版搜狗地图基本交互搜索功能