前端常用的设计模式

一、工厂模式

工厂模式(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();
相关推荐
Swift社区2 小时前
AI 时代,ArkUI 的设计模式会改变吗?
人工智能·设计模式
数据中穿行2 小时前
访问者设计模式全方位深度解析
设计模式
宁雨桥3 小时前
前端设计模式面试题大全
前端·设计模式
数据中穿行4 小时前
迭代器设计模式全方位深度解析
设计模式
数据中穿行4 小时前
观察者设计模式全方位深度解析
设计模式
程序员Terry4 小时前
别老写重复代码了!模版方法模式一次讲透
java·设计模式
数据中穿行4 小时前
建造者模式全方位深度解析
设计模式
数据中穿行4 小时前
组合设计模式全方位深度解析
设计模式
数据中穿行4 小时前
原型设计模式全方位深度解析
设计模式
CRMEB5 小时前
电商项目中订单流程可以使用哪些设计模式?如何开发?
java·设计模式·gitee·开源·php·crmeb