前端常用的设计模式

一、工厂模式

工厂模式(Factory Pattern)是 程序中最常用的设计模式之一,它提供了一种创建对象的方式,使得创建对象的过程与使用对象的过程分离。工厂模式提供了一种创建对象的方式,而无需指定要创建的具体类。通过使用工厂模式,可以将对象的创建逻辑封装在一个工厂类中,而不是在客户端代码中直接实例化对象,这样可以提高代码的可维护性和可扩展性

优点
  1. 调用者只需要知道对象的名称即可创建对象。
  2. 扩展性高,如果需要增加新产品,只需扩展一个工厂类即可。
  3. 屏蔽了产品的具体实现,调用者只关心产品的接口。
缺点

每次增加一个产品时,都需要增加一个具体类和对应的工厂,使系统中类的数量成倍增加,增加了系统的复杂度和具体类的依赖。

**使用场景:**一般使用在sdk的封装、原码中使用较多,例如vue中

实现:

复制代码
class Main {
  constructor(name) {
    this.name = name
  }
  alertName() {
    alert(this.name)
  }
}
 
class Factory {
  static create(name) {
    return new Main(name)
  }
}


Factory.create('bhj').alertName();
相关推荐
断眉的派大星7 小时前
工厂模式(Factory Pattern)完整详解
python·设计模式
AI大法师9 小时前
复盘 TikTok 品牌升级:动态品牌系统应该怎么理解和落地
大数据·人工智能·设计模式
妙蛙种子31112 小时前
【Java设计模式 | 创建者模式】建造者模式
java·开发语言·后端·设计模式·建造者模式
政沅同学14 小时前
C# 一种很好用的设计模式 不同对象之间进行解耦通信
设计模式·c#
一颗青果14 小时前
工厂设计模式
设计模式
两年半的个人练习生^_^16 小时前
每日一学:设计模式之建造者模式
java·开发语言·设计模式
sg_knight1 天前
设计模式实战:命令模式(Command)
python·设计模式·命令模式
渔舟小调1 天前
P11 | 收藏与行程:用户行为类接口的设计模式
数据库·设计模式·oracle
小程故事多_801 天前
从基础Agent到复杂工作流,LangGraph如何用状态机重构智能体开发
人工智能·设计模式·重构·aigc·ai编程
hypoy1 天前
Claude Code 的 1M Context 怎么用:一篇官方文章的读后整理
设计模式·claude