设计模式之其他设计模式(7-2)

简介: 设计模式之其他设计模式(7-2)

1、命令模式

网络异常,图片无法展示
|

网络异常,图片无法展示
|

  • 自己敲一遍
// 命令模式
// 执行者
class Receiver {
  act() {
    console.log("执行命令3");
  }
}
// 触发命令
class Command {
  constructor(receiver) {
    this.receiver = receiver;
  }
  cmd() {
    console.log("传递命令2");
    this.receiver.act();
  }
}
// 触发者
class Invoker {
  constructor(command) {
    this.command = command;
  }
  invoker() {
    console.log("下达开始进攻1");
    this.command.cmd();
  }
}
// 测试代码
// 士兵
let receiver = new Receiver();
// 传号者
let command = new Command(receiver);
// 将军
let invoker = new Invoker(command);
invoker.invoker();
复制代码
  • 结果展示

网络异常,图片无法展示
|

  • 非常nice

网络异常,图片无法展示
|

网络异常,图片无法展示
|

2、备忘录 模式

  • 撤销 拷贝 场景

网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|

  • 自己敲一遍
// 备忘类
class Memento {
  constructor(content) {
    this.content = content;
  }
  getContent() {
    return this.content;
  }
}
// 备忘列表
class CareTaker {
  constructor() {
    this.list = [];
  }
  add(memento) {
    this.list.push(memento);
  }
  get(index) {
    return this.list[index];
  }
}
// 编辑器
class Editor {
  constructor() {
    this.content = null;
  }
  setContent(content) {
    this.content = content;
  }
  getContent() {
    return this.content;
  }
  // 关键步骤 先存到 Memento 类中
  saveContentToMemento() {
    return new Memento(this.content);
  }
  // 取得 刚才 存的内容
  getContentFromMemento(memento) {
    this.content = memento.getContent();
  }
}
// 测试代码
let editor = new Editor();
let careTaker = new CareTaker();
editor.setContent("111");
editor.setContent("222");
careTaker.add(editor.saveContentToMemento()); // 备份到 Memento 类中
editor.setContent("333");
careTaker.add(editor.saveContentToMemento()); // 备份到 Memento 类中
editor.setContent("444");
console.log(editor.getContent()); // 444
editor.getContentFromMemento(careTaker.get(1)); // 撤销一步
console.log(editor.getContent()); // 333
editor.getContentFromMemento(careTaker.get(0)); // 撤销一步
console.log(editor.getContent()); // 222
复制代码
  • 页面展示 非常nice !

网络异常,图片无法展示
|

3、中介者 模式

网络异常,图片无法展示
|

  • 类似于 买房/租房中间中介的作用
    网络异常,图片无法展示
    |

  • 自己敲一遍
// 中介者模式
class A {
  constructor() {
    this.number = 0;
  }
  // m 是中介者
  setNumber(num, m) {
    this.number = num;
    if (m) {
      m.setB();
    }
  }
}
class B {
  constructor() {
    this.number = 0;
  }
  // m 是中介者
  setNumber(num, m) {
    this.number = num;
    if (m) {
      m.setA();
    }
  }
}
class Mediator {
  constructor(a, b) {
    this.a = a;
    this.b = b;
  }
  setB() {
    let number = this.a.number;
    this.b.setNumber(number * 100);
  }
  setA() {
    let number = this.a.number;
    this.a.setNumber(number / 100);
  }
}
// 测试代码
let a = new A();
let b = new B();
let m = new Mediator(a, b);
a.setNumber(100, m);
console.log(a.number, b.number); // 100 10000
b.setNumber(100, m);
console.log(a.number, b.number); // 1 100
复制代码
  • 结果展示  非常nice

网络异常,图片无法展示
|

4、访问者/显示器 模式

网络异常,图片无法展示
|

网络异常,图片无法展示
|

5、总结

网络异常,图片无法展示
|



相关文章
|
Linux 云计算 Windows
|
7天前
|
云安全 人工智能 运维
当攻击全面Agent化,你的安全防御能否跟上AI Speed?
多起客户侧AK泄露事件应急的真实观察
1306 6
|
5天前
|
人工智能 API 开发工具
DeepSeek Harness 神插件:白嫖 13 家大厂模型
`dsh-our-free-model` 是 DeepSeek Harness 神级插件:零配置、零API Key、零账号,聚合13家大厂免费模型(含DeepSeek V4.1 Flash、Kimi K3等),支持本地网关、用量看板与自动降级,真正实现“白嫖即用”。
|
10天前
|
存储 人工智能 安全
千问办公官网入口网页版登录:qwenwork.cn 注册送2000积分、登录送100积分
阿里云千问办公(QwenWork)是AI智能工作平台,支持一句话生成PPT、表格、网页、视频及数据分析。个人免费版送2000积分+每日登录赠100分,含1GB存储、5个发布页;企业版198元/席/月起。阿里千问办公QwenWork官网:https://t.aliyun.com/U/0VCTGt 阿里AI工作平台,一句话完成数据分析、PPT 生成、视频剪辑、网页搭建等复杂任务
|
1月前
|
人工智能 JSON API
全网刷屏的 Jev 模型正式开放!一手实战测评 + 保姆级教程
全网爆火的 Jev 模型是什么?有什么用?怎么使用?怎么接入 AI 编程工具?效果真的好么?傻子可懂的 Jev 保姆级实战教程 + 项目实战测评来啦
9959 33
|
5天前
|
人工智能 开发者
Qoder CN 大使计划正式开启|无限创造,等你一起
全年免费积分、优先内测、活动支持与更多共创机会,邀请用 Qoder 把想法变成现实的你。
513 0
|
16天前
|
存储 人工智能 并行计算
大模型本地部署终端选型方法论:以 Qwen3.8-27B 为例的四档分层完整流程
本文提出一套大模型本地部署终端选型方法论:定约束、定档位、定框架、定参数四步决策法,配合入门、主力、质量、无损四档分层模型。以 Qwen3.8-27B 实测数据为例,逐环节解读显存、带宽、存储、散热、系统、预算等要素,给出面向不同预算的优选方案、决策自查清单与市场观察框架。文末前瞻 AI 笔记本的 CPU+GPU 与统一内存两条路线,论证四步决策法在新品类上的延续性。
|
7天前
|
Web App开发 人工智能 JavaScript
太猛了,一个月干到15W+,给大家推荐一个最近爆火的开源逆向工具:REA
REA(Reverse Engineer Anything)是近期爆火的开源AI逆向工具,4月发布,1个月内斩获15万+ Star。它让AI Agent无需源码即可分析二进制、APK、JS/Electron、HAR包等17类目标,自动反编译、生成可运行代码,并强制返回带证据与局限的结论。全本地执行,MIT协议,支持Hopper/Ghidra/IDA等引擎,一行命令即可上手。
744 2
太猛了,一个月干到15W+,给大家推荐一个最近爆火的开源逆向工具:REA