前端设计模式应应用场景

创建型模式(Creational Patterns)
- 工厂模式
- 单例模式
- 原型模式
行为型模式(Behavioral Patterns)
- 策略模式
- 观察者模式/发布订阅模式
- 迭代器模式
- 状态模式
结构型模式(Structural Patterns)
- 装饰器模式
- 代理模式

创建型模式(Creational Patterns)

处理对象的创建，根据实际情况使用合适的方式创建对象。常规的对象创建方式可能会导致设计上的问题，或增加设计的复杂度。创建型模式通过以某种方式控制对象的创建来解决问题。
顾名思义，这些模式都是用来创建实例对象的。

工厂模式

工厂模式就是根据不用的输入返回不同的实例

在Vue在路由创建模式中，也多次用到了工厂模式

export default class VueRouter {constructor(options) {this.mode = mode    // 路由模式switch (mode) {   // 简单工厂case 'history':  this.history = new HTML5History(this, options.base)breakcase 'hash':      this.history = new HashHistory(this, options.base, this.fallback)breakcase 'abstract':   this.history = new AbstractHistory(this, options.base)breakdefault:}}
}

单例模式

保证一个类只有一个实例，并提供一个访问它的全局访问点。也就是说，第二次使用同一个类创建新对象的时候，应该得到与第一次创建的对象完全相同的对象。

Vuex

原型模式

用一个已经创建的实例作为原型，通过复制该原型对象来创建一个和原型相同或相似的新对象。在这里

行为型模式(Behavioral Patterns)

用于识别对象之间常见的交互模式并加以实现，增加了这些交互的灵活性。

策略模式

其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换

策略模式经常用在表单验证的场景。Element UI 的 Form 表单具有表单验证功能，用来校验用户输入的表单内容

观察者模式/发布订阅模式

观察者模式（Observer Pattern）定义了一种一对多的关系，让多个订阅者对象同时监听某一个发布者，或者叫主题对象，这个主题对象的状态发生变化时就会通知所有订阅自己的订阅者对象，使得它们能够自动更新自己。
发布订阅模式别名，非常形象地诠释了观察者模式里两个核心的角色要素——发布者和订阅者。
发布-订阅模式有一个调度中心

在这里插入图片描述