TypeScript 设计模式之【状态模式】

news2024/9/28 0:21:40

文章目录

  • 状态模式:优雅切换的交通信号灯
  • 状态模式的奥秘
    • 状态模式有什么利与弊?
    • 如何使用状态模式来优化你的系统
    • 代码实现案例
    • 状态模式的主要优点
    • 状态模式的主要缺点
    • 状态模式的适用场景
    • 总结

在这里插入图片描述

状态模式:优雅切换的交通信号灯

当你站在繁忙的十字路口,看着交通信号灯有规律地变换颜色。这个看似简单的信号灯系统,实际上完美诠释了状态模式的精髓。

在软件开发中,我们经常遇到对象需要在不同状态之间切换,在每个状态下表现出不同行为的情况。状态模式就像这个交通信号灯,它允许一个对象在其内部状态改变时改变它的行为,看起来就像改变了对象的类一样!

状态模式的奥秘

状态模式就像一个"行为变形金刚",它将与特定状态相关的行为局部化,并将不同状态的行为分割开来。通过这种方式,你可以独立于其他状态来添加新的状态或者修改现有状态,使得系统更加灵活和可扩展。

状态模式有什么利与弊?

状态模式的优点是它将与特定状态相关的行为局部化,并且将不同状态的行为分割开来。它消除了庞大的条件分支语句,增强了可扩展性。缺点是会增加类的数量,可能会导致状态类过多。

如何使用状态模式来优化你的系统

状态模式涉及角色

  • 上下文(Context): 定义客户感兴趣的接口,维护一个具体状态类的实例
  • 状态(State): 定义一个接口以封装与 Context 的一个特定状态相关的行为
  • 具体状态(ConcreteState): 每一个子类实现一个与 Context 的一个状态相关的行为

状态模式步骤

  1. 创建一个状态接口,定义所有具体状态的共同行为
  2. 创建具体状态类,实现状态接口,定义特定状态下的行为
  3. 创建上下文类,包含当前状态的引用和切换状态的方法
  4. 在上下文类中实现客户端接口,将行为委托给当前状态对象
  5. 客户端通过上下文类来改变状态,触发不同的行为

选择合适的状态模式,你就能轻松地管理对象在不同状态下的行为,让系统变得更加灵活和可维护!

代码实现案例

// 交通灯状态接口
interface TrafficLightState {
  handle(context: TrafficLight): void;
}

// 具体状态类 - 红灯
class RedLight implements TrafficLightState {
  handle(context: TrafficLight): void {
    console.log("红灯亮起,车辆停止,行人通行");
    setTimeout(() => context.setState(new GreenLight()), 5000);
  }
}

// 具体状态类 - 绿灯
class GreenLight implements TrafficLightState {
  handle(context: TrafficLight): void {
    console.log("绿灯亮起,车辆通行,行人等待");
    setTimeout(() => context.setState(new YellowLight()), 5000);
  }
}

// 具体状态类 - 黄灯
class YellowLight implements TrafficLightState {
  handle(context: TrafficLight): void {
    console.log("黄灯亮起,车辆减速,准备停止");
    setTimeout(() => context.setState(new RedLight()), 2000);
  }
}

// 上下文类 - 交通信号灯
class TrafficLight {
  private state: TrafficLightState;

  constructor() {
    this.state = new RedLight();
  }

  setState(state: TrafficLightState): void {
    this.state = state;
    this.state.handle(this);
  }

  start(): void {
    this.state.handle(this);
  }
}

// 客户端代码
const trafficLight = new TrafficLight();
trafficLight.start();

// 输出
// 红灯亮起,车辆停止,行人通行
// (5秒后)
// 绿灯亮起,车辆通行,行人等待
// (5秒后)
// 黄灯亮起,车辆减速,准备停止
// (2秒后)
// 红灯亮起,车辆停止,行人通行
// ...循环继续

在这里插入图片描述

状态模式的主要优点

  1. 封装了转换规则: 将状态的转换规则封装在状态类中,减少了 Context 类的复杂度
  2. 枚举可能的状态: 在一个地方枚举可能的状态,使得增加新的状态和转换变得容易
  3. 消除庞大的条件分支语句: 避免了使用大量的 if…else 语句
  4. 状态对象可共享: 如果状态对象没有实例变量,它们可以被多个 Context 对象共享

状态模式的主要缺点

  1. 增加类的数量: 状态模式将每个状态封装成单独的类,可能会导致类的数量增加
  2. 状态模式的结构与实现都较为复杂: 对于简单的状态判断,使用状态模式可能会显得小题大做
  3. 状态之间的转换逻辑分散: 虽然消除了条件分支语句,但是转换逻辑分散在各个状态类中,可能不容易看到整个状态机的结构

状态模式的适用场景

  1. 一个对象的行为取决于它的状态,并且它必须在运行时刻根据状态改变它的行为
  2. 一个操作中含有庞大的多分支的条件语句,且这些分支依赖于该对象的状态
  3. 需要频繁地改变对象的内部状态,同时又希望避免使用大量的 if-else 语句

总结

状态模式是一种行为型设计模式,它允许一个对象在其内部状态改变时改变它的行为。状态模式通过将状态封装成独立的类,并将请求委托给当前的状态对象,来实现对象的状态转换。这种模式增强了程序的灵活性和可扩展性,也提高了代码的可读性和可维护性。合理使用状态模式可以让你的代码结构更加清晰,更易于理解和维护。

喜欢的话就点个赞 ❤️,关注一下吧,有问题也欢迎讨论指教。感谢大家!!!

下期预告: TypeScript 设计模式之【策略模式】

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2171624.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

RabbitMQ 实验入门

使用 spring-amqp 实验 发布订阅模型 fanoutExchange 实验 实验步骤: 编写定义 队列 和 交换机 绑定关系的代码创建接口,模拟生产者,方便调试(接受参数 队列名、路由键、[消息])定义消费者 代码示例: C…

证件照制作小程序源码

预览: 证件照制作小程序官方有推出对应的api接口,也有demo示例,大家有需要的可以直接拿 证件照规格列表 接口地址:https://api.zheyings.cn/item/list 请求方式:POST(application/x-www-form-urlencoded) 返回格式&…

DERT目标检测—End-to-End Object Detection with Transformers

DERT:使用Transformer的端到端目标检测 论文题目:End-to-End Object Detection with Transformers 官方代码:https://github.com/facebookresearch/detr 论文题目中包括的一个创新点End to End(端到端的方法)简单的理解就是没有使…

Elixir求解螺旋矩阵问题

题目是构造一个 n 维的顺时针螺旋矩阵,那么什么是螺旋矩阵呢?就是从左上角开始按顺时针方向从外向内依次递增的二维矩阵。一个3维螺旋矩阵示例如下: 我们是在 elixir 中求解,没有变量,没有循环,但是我们有…

中国篆刻—孙溟㠭浅析碑帖《张黑女墓志》

中国篆刻——孙溟㠭浅析碑帖《张黑女墓志》 《张黑女墓志》 《张黑女墓志》全称是《魏南阳张玄墓志》,又称《张玄墓志》,是北魏时期的墓志,属正书体,北魏普泰元年(公元531年)立碑。原碑已经丢失&#xf…

5个最佳开源RPA框架之一UI.Vision介绍

博主介绍: 大家好,我是Yuperman,互联网宇宙厂经验,17年医疗健康行业的码拉松奔跑者,曾担任技术专家、架构师、研发总监负责和主导多个应用架构。技术范围: 目前专注java体系,以及golang、.Net、…

【ADC】SAR 型 ADC 和 ΔΣ ADC 的选型决策方法

本文学习于TI 高精度实验室课程,介绍如何选择 SAR 或 delta-sigma 型 ADC。 文章目录 一、选型决策树二、特定传感器的应用三、需要 DC 精度但分辨率较低的应用四、需要 DC 精度且分辨率较高的应用五、极低噪声的 DC 精密测量六、需要捕获瞬态信号值的应用七、需要高…

产品需求-聊天框中发送的文件,要求文件名过长是保留后缀名省略中间的文字部分

介绍一下之前做过的一个需求,是要实现pc的一个聊天软件的消息引用功能。对于文件的引用,产品是这样做要求的: 消息框无固定长度,根据回复的文字长度决定消息框长度对于一个pc项目,当页面窗口变化时要实现响应式文件名…

个人账号(学校+个人)申请专利过程中遇见的问题

一、请指定一位申请人作为代表人 因为是拿个人账号申请的专利,同时要求学校是第一申请人,所以可以再添加一个第二申请人,然后勾选第二申请人为代表人就可以提交申请了(注意:两个申请人只能减免75%,也就是要…

Kubernetes配置管理(kubernetes)

实验环境: 在所有节点上拉取镜像;然后把资源清单拉取到第一个master节点上; 同步会话,导入镜像: configmap/secret 配置文件的映射 变量: 基于valuefrom的方式 cm--》pod 特点:变量的名称可…

109.游戏安全项目:信息显示二-利用游戏通知辅助计算基址

免责声明:内容仅供学习参考,请合法利用知识,禁止进行违法犯罪活动! 内容参考于:易道云信息技术研究院 本人写的内容纯属胡编乱造,全都是合成造假,仅仅只是为了娱乐,请不要盲目相信…

C++之二叉搜索

1.二叉搜索树的概念 二叉搜索树又称为二叉排序树,它有以下的特点。 1.如果它的左子树不为空,则左子树上所以结点的值都小于等于根结点的值 2.如果它的右子树不为空,则右子树上所有结点都大于等于根结点的值 3.它的左右子树也分别为二叉搜…

Lab1:虚拟机kolla安装部署openstack,并创建实例

实验内容: 创建并配置虚拟机安装OpenStack创建镜像创建实例类型选择网络配置创建实例 1、选择一个适合你的系统的虚拟机管理软件: VirtualBox (推荐) VMWare 其他 2、下载 .iso 镜像文件 openstack S 版本 iso 链接&#xff1…

Llama系列迈向多模态新时代:3.2版本开源超越闭源,并携手Arm推出手机优化版

在多模态领域,开源模型也超闭源了! 就在刚刚结束的 Meta 开发者大会上,Llama 3.2 闪亮登场: 这回不仅具备了多模态能力,还和 Arm 等联手,推出了专门为高通和联发科硬件优化的 “移动” 版本。 具体来说&a…

jmeter压测常见报错总结

address already in use:connect 报错原因: 1、windows系统为了保护本机,限制了其他机器到本机的连接数. 2、TCP/IP 可释放已关闭连接并重用其资源前,必须经过的时间。关闭和释放之间的此时间间隔通称 TIME_WAIT 状态或两倍最大段生命周期&#xff08…

javaJUC基础

JUC基础知识 多线程 管程 Monitor,也就是平时所说的锁。Monitor其实是一种同步机制,它的义务是保证(同一时间)只有一个线程可以访问被保护的数据和代码块,JVM中同步是基于进入和退出监视器(Monitor管程对…

【MySQL】数据库表的基本查询——增删查改

W...Y的主页 😊 代码仓库分享💕 目录 表的增删改查 Create 单行数据 全列插入 多行数据 指定列插入 插入否则更新 替换 Retrieve SELECT 列 全列查询 指定列查询 查询字段为表达式 为查询结果指定别名 结果去重 WHERE 条件 结果排序 筛选…

ETLCloud携手ClickHouse:高效的数据查询效率

自从大数据处理技术走进大众视野、开源项目Hadoop的出现,以前受制于数据库处理能力的大数据技术蓬勃发展,传统关系型数据库所构建的数据仓库,被以Hive为代表的大数据技术所取代,随着技术不断发展,Hadoop虽然带来了诸多…

Harbor的安装与使用

任务分析 一、规划节点 IP地址 主机名 节点 192.168.20.20 master 容器master节点 192.168.20.21 node 容器worker节点 二、基础准备 镜像使用CentOS7.9(主机配置自定义,推荐配置4vCPU/12G内存/100G硬盘),使用这两台云…

韦东山FreeRTOS笔记

介绍 这篇文章是我学习FreeRTOS的笔记 学的是哔哩哔哩韦东山老师的课程 在学习FreeRTOS之前已经学习过江协的标准库和一丢丢的超子说物联网的HAL了。他们讲的都很不错 正在更新, 大家可以在我的Gitee仓库中下载笔记源文件、项目资料等 笔记源文件可以在Notion…