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

news/2024/10/5 5:06:12/

文章目录

在这里插入图片描述

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

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

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

状态模式的奥秘

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

状态模式有什么利与弊?

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

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

状态模式涉及角色

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

状态模式步骤

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

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

代码实现案例

typescript">// 交通灯状态接口
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.ppmy.cn/news/1534758.html

相关文章

线程池:线程池的实现 | 日志

🌈个人主页: 南桥几晴秋 🌈C专栏: 南桥谈C 🌈C语言专栏: C语言学习系列 🌈Linux学习专栏: 南桥谈Linux 🌈数据结构学习专栏: 数据结构杂谈 🌈数据…

Python - PDF 转 png

网上搜了下很多方法都是过期的,这里贴下我的方法 根据 pymupdf – Pixmap.tobytes https://pymupdf.readthedocs.io/en/latest/pixmap.html#Pixmap.tobytes 核心方法 def pdf2png(pdfPath, img_dir, zoom_x1,zoom_y1,rotation_angle0):# 打开PDF文件pdf fitz.open…

Redis数据库与GO完结篇:redis操作总结与GO使用redis

一、redis操作总结 由于写redis命令的时候有提示符,所以下表只给出命令名称 数据类型操作简介字符串GET, SET, MGET, MSET, SETEX,DEL最基本的数据类型,存储任意二进制数据,支持简单操作和原子计数。适合存储重复数据。哈希HSET, HGET, HDE…

vue2接入高德地图实现折线绘制、起始点标记和轨迹打点的完整功能(提供Gitee源码)

目录 一、申请密钥 二、安装element-ui 三、安装高德地图依赖 四、完整代码 五、运行截图 六、官方文档 七、Gitee源码 一、申请密钥 登录高德开放平台,点击我的应用,先添加新应用,然后再添加Key。 ​ 如图所示填写对应的信息&…

不同环境不同的配置文件;不同地区的数据库连接

不同地区的数据库不同,是怎么找到不同的数据库的 在Spring Boot项目中,如果存在application.yml、application-test.yml、application-prod.yml等多个配置文件,Spring Boot会根据当前激活的配置文件环境来决定使用哪个配置文件。以下是关于如…

基于Spring Boot+Vue前后端分离的中医药科普系统设计和实现(协同过滤算法)【原创】

🎈系统亮点:协同过滤算法; 一.系统开发工具与环境搭建 1.系统设计开发工具 后端使用Java编程语言的Spring boot框架 项目架构:B/S架构 运行环境:win10/win11、jdk17 前端: 技术:框架Vue.js&am…

C++11中智能指针以及标准模板库 My_string My_stack

My_string.h #ifndef MY_STRING_H #define MY_STRING_H#include <iostream> #include <cstring> #include <stdexcept>using namespace std;template<typename T> class My_string { private:T *ptr; // 指向字符数组的指针int size; /…

计算机毕业设计Hadoop+Spark知识图谱美团美食推荐系统 美团餐厅推荐系统 美团推荐系统 美食价格预测 美团爬虫 美食数据分析 美食可视化大屏

《HadoopSpark知识图谱美团美食推荐系统》开题报告 一、研究背景与意义 随着互联网技术的快速发展&#xff0c;大数据已成为企业竞争力的关键要素。美团作为国内领先的本地生活服务平台&#xff0c;拥有海量的用户行为数据和丰富的业务场景。然而&#xff0c;面对如此庞大的数…