活学活用设计模式

前言 本文是在前端开发实践设计模式专栏中的最后一篇，其实还有很多设计模式，没有给大家阐述，倒不是说那些设计模式不重要，而是在现在的前端开发中几乎不会用到。 目前基于MVVM的前端框架已经深入人心了，框

外观模式 外观模式，其实对于良好的设计系统软件绝对能看到外观模式的身影，如果要说它是一种设计模式，倒不如说它是一种设计思想。 在软件开发中，一旦你理解了封装、继承、多态的这些面向对象的特征，你就一定掌

迭代器模式 本文有点儿挂羊头卖狗肉的嫌疑，哈哈哈，为什么这么说呢，因为目前的JS已经原生具备了迭代器。所以，我们聊迭代器模式实质上是对ES的迭代器的实现，所以本文主要阐述的是ES迭代器的知识点。 基本

工厂模式 工厂模式，是前端开发中的高频设计模式。 不知道大家在实际开发中遇到过这样的灾难场景没有，本来一个类的参数是参数列表的形式（假设有很多个参数），但是在CodeReview的时候，领导觉得使用参

单例模式 单例模式是前端开发中常用的设计模式，单例模式本身也比较简单，因此对于很多同学来说，掌握度也是比较高的。 根据我7年的开发经验，我大致总结出单例模式2种高频使用场景：第一种场景是不需要用户创造

前言 本来我是不想写关于发布订阅模式的文章的，因为很多掘友都是Vue专家，早就对发布订阅模式烂熟于心了，我要是再写这样的文章，感觉有点儿在大家面前班门弄斧了，哈哈哈。 但是，可能有些同学掌握的发布订阅

命令模式 命令模式能够算得上是在前端开发中最不会被滥用的设计模式之一，因为命令模式具有明显的使用业务场景，基本上都是前端实现各种编辑器的情况。 1、基本概念 命令模式是一种行为型设计模式，其目的是将一

模板方法模式 模板方法模式是一种行为设计模式，它在父类中定义了一个操作的算法骨架，而将一些步骤的实现延迟到子类中。通过这种方式，模板方法允许子类在不改变算法结构的情况下重定义算法的某些特定步骤。 1、

职责链模式 职责链模式可以说是前端中几乎最常见的设计模式了，但是可能大家并没有注意到这就是职责链模式，像日常开发中的Promise链式调用（异步请求神器axios的请求或响应拦截器就是基于Promis

中介者模式 中介者模式是前端开发中出现频率属于比较中庸的设计模式，不算多，也不算少，但是在某些合理的业务场景下使用，可以极大的提高代码的维护性。 1、基本概念 中介者模式（Mediator Patte

适配器模式 适配器模式也是前端开发中常用的设计模式，使用频率也是能够排的上前三的设计模式，使用这个设计模式能够在一定程度上避免一些代码的历史问题，能够提高代码的复用性和灵活性。 1、基本概念 适配器模

代理模式 代理模式（Proxy Pattern）是一种结构型设计模式，也是前端开发中广泛的几个设计模式之一，在很多开源软件库里面都能见到代理模式的使用。 1、基本概念 代理模式是为其他对象提供一种代理

装饰模式 装饰模式是一种结构型设计模式，是前端开发中算的上使用频率能排的上前三的设计模式了。如果你掌握好了装饰模式，能够有效的组织一些前端代码，从而提高代码的复用能力。 1、基本概念 装饰模式是为已有

享元模式 享元模式是一种结构型设计模式。某些同学可能对这个设计模式比较陌生，这个设计模式需要结合对应的业务场景使用，属于不常见的设计模式，但是往往在用到的时候可以解决大问题。 1、基本概念 享元模式，

策略模式 1、基本概念 策略模式：定义了一系列的算法家族，分别封装起来，让他们之间可以相互替换，此模式让算法的变化，不会影响到使用算法的客户。 举个实际的例子，大点儿的公司员工很多，每次到了要发工资的

状态模式 前言 本系列是一套关于设计模式在实际开发中的总结，我在学习设计模式的过程中，主要参考了曾探老师的《JavaScript设计模式》和程杰老师的《大话设计模式》，结合我7年实际开发经验遇到的一些