TypeScript 设计模式之【享元模式】

文章目录

享元模式:优化资源使用的利器

在开发项目中,假如你的系统中有大量相似的对象,导致内存占用过高,性能下降。这时候,你会希望有一种方法,能够共享这些相似对象的公共部分,从而减少内存的使用,提高系统的性能。

例如你在开发一个图形应用程序,里面有很多相似的图形对象,如圆形、方形等。每个图形对象都有相同的颜色、大小等属性。享元模式就像是一个共享池,能够帮你共享这些相似对象的公共部分,从而优化资源的使用!

享元模式的秘密

享元模式就像是给你的系统加上了一层"共享池",它提供了一种方法,来共享相似对象的公共部分。通过这个共享池,你可以减少内存的使用,提高系统的性能,而不需要创建大量相似的对象。

享元模式有什么利与害?

享元模式的优点是可以减少内存的使用,提高系统的性能,它遵循单一职责原则和开闭原则,对扩展开放,对修改关闭。缺点是实现复杂,可能会增加系统的复杂性。

如何使用享元模式来优化你的系统

享元涉及角色

  • 享元(Flyweight):定义相似对象的公共部分
  • 具体享元(ConcreteFlyweight):实现享元接口,并添加具体的状态
  • 享元工厂(FlyweightFactory):创建和管理享元对象

享元步骤

  1. 创建一个享元接口,定义相似对象的公共部分
  2. 创建具体享元类,实现享元接口,并添加具体的状态
  3. 创建享元工厂类,创建和管理享元对象
  4. 使用享元工厂类,来共享相似对象的公共部分

选择合适的享元模式,你就能轻松地优化资源的使用,让系统变得更加高效和灵活!

代码实现案例

typescript 复制代码
// 享元接口
interface Shape {
  draw(): void;
}

// 具体享元类 - 圆形
class Circle implements Shape {
  private color: string;
  private radius: number;

  constructor(color: string) {
    this.color = color;
  }
  // 设置半径
  setRadius(radius: number): void {
    this.radius = radius;
  }
  // 绘制圆形
  draw(): void {
    console.log(`绘制一个${this.color}的圆形,半径为${this.radius}`);
  }
}

// 享元工厂类
class ShapeFactory {
  private static circleMap: Map<string, Circle> = new Map();
  // 获取圆形
  static getCircle(color: string): Circle {
    let circle = this.circleMap.get(color);

    if (!circle) {
      circle = new Circle(color);
      this.circleMap.set(color, circle);
      console.log(`创建一个${color}的圆形`);
    }

    return circle;
  }
}

// 红色圆形
const redCircle = ShapeFactory.getCircle("红色");
redCircle.setRadius(10);
redCircle.draw(); // 输出: 创建一个红色的圆形, 绘制一个红色的圆形,半径为10

// 蓝色圆形
const blueCircle = ShapeFactory.getCircle("蓝色");
blueCircle.setRadius(20);
blueCircle.draw(); // 输出: 创建一个蓝色的圆形, 绘制一个蓝色的圆形,半径为20

享元模式的主要优点

  1. 减少内存的使用:通过共享相似对象的公共部分,减少内存的使用
  2. 提高系统的性能:减少对象的创建,提高系统的性能
  3. 遵循单一职责原则:享元类只负责定义相似对象的公共部分,不涉及具体的状态
  4. 遵循开闭原则:可以在不修改现有代码的情况下,扩展系统的功能

享元模式的主要缺点

  1. 实现复杂:享元模式的实现较为复杂,可能会增加系统的复杂性
  2. 可能会导致代码的可读性下降:由于共享了相似对象的公共部分,可能会导致代码的可读性下降

享元模式的适用场景

  1. 需要减少内存的使用:通过共享相似对象的公共部分,减少内存的使用
  2. 希望提高系统的性能:减少对象的创建,提高系统的性能
  3. 系统中有大量相似的对象:通过享元模式,统一管理这些相似的对象

总结

享元模式是一种结构型设计模式,它通过共享相似对象的公共部分,来减少内存的使用,提高系统的性能。享元模式在不修改现有系统的情况下,优化了资源的使用,提高了系统的性能。合理使用享元模式,可以让你的代码更加高效,更易于维护和扩展。

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

下期预告:TypeScript 设计模式之【代理模式】

相关推荐
Eshine、38 分钟前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
q***38511 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
用户47949283569151 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
Nan_Shu_6142 小时前
学习:Sass
javascript·学习·es6
WYiQIU2 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试
qq_316837752 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
小夏同学呀2 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能
前端·javascript·vue.js
芳草萋萋鹦鹉洲哦2 小时前
【vue】导航栏变动后刷新router的几种方法
前端·javascript·vue.js
zero13_小葵司2 小时前
JavaScript性能优化系列(八)弱网环境体验优化 - 8.3 数据预加载与缓存:提前缓存关键数据
javascript·缓存·性能优化
1***y1782 小时前
Vue项目性能优化案例
前端·vue.js·性能优化