今天主要介绍一下我们平常会经常用到的设计模式，设计模式总的来说有23种，而设计模式在前端中又该怎么运用呢，接下来主要对比较前端中常见的设计模式做一个介绍
一、什么是设计模式
一般来说，设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用，在我们平时的软件开发中，经常需要用到各种设计模式，设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。
设计模式可以说是软件工程的基石，合理的使用设计模式，可以使我们的代码真正的工程化，在项目中使用设计模式可以完美的解决很多问题，在设计模式中，大概来说总共有23种，而具体要用哪一种还需要根据情况而定，就像平时在前端开发中，我比较熟悉的就是工厂模式，原型模式和MVC这些模式啦，接下来主要对其中的一些设计模式进行一个比较详细的介绍。
二、设计模式的分类
首先，还是需要先说一下设计模式的分类，刚才说到设计模式总的来说有23种，而这23种，又可以分为以下四大类
1、创建型模式
创建型模式提供了一种在创建对象的同时隐藏创建逻辑的方式，而不是使用 new 运算符直接实例化对象，这使得程序在判断针对某个给定实例需要创建哪些对象时更加灵活，主要包括以下几种：
工厂模式、抽象工厂模式、单例模式、建造者模式、原型模式
2、结构型模式
结构型模式关注类和对象的组合继承的概念被用来组合接口和定义组合对象获得新功能的方式，主要包括以下几种：
适配器模式、桥接模式、过滤器模式、组合模式、装饰器模式、外观模式、享元模式、代理模式
3、行为型模式
行为型模式关注对象之间的通信，主要包括以下几种：
责任链模式、命令模式、解释器模式、迭代器模式、中介者模式、备忘录模式、观察者模式、状态模式、空对象模式、策略模式、模板模式、访问者模式
4、J2EE模式
J2EE模式关注表示层，这些模式是由 Sun Java Center 鉴定的，主要包括以下几种：
MVC 模式、业务代表模式、组合实体模式、数据访问对象模式、前端控制器模式、拦截过滤器模式、服务定位器模式、传输对象模式
三、设计模式六大原则
上面介绍了几种不同设计的模式，而所有的设计模式都需要遵循下面的六大原则
1、开闭原则
开闭原则的意思是：对扩展开放，对修改关闭，在程序需要进行拓展的时候，不能去修改原有的代码
2、里氏代换原则
里氏代换原则中说，任何基类可以出现的地方，子类一定可以出现，里氏代换原则是对开闭原则的补充，实现开闭原则的关键步骤就是抽象化，而基类与子类的继承关系就是抽象化的具体实现，所以里氏代换原则是对实现抽象化的具体步骤的规范
3、依赖倒转原则
这个原则是开闭原则的基础，具体内容：针对接口编程，依赖于抽象而不依赖于具体
4、接口隔离原则
这个原则的意思是：使用多个隔离的接口，比使用单个接口要好，它还有另外一个意思是：降低类之间的耦合度，此可见，其实设计模式就是从大型软件架构出发、便于升级和维护的软件设计思想，它强调降低依赖，降低耦合
5、最少知道原则
最少知道原则是指：一个实体应当尽量少地与其他实体之间发生相互作用，使得系统功能模块相对独立
6、合成复用原则
合成复用原则是指：尽量使用合成/聚合的方式，而不是使用继承
四、常见的设计模式
设计模式有很多种，接下来，我将介绍其中的几种，并且介绍这些设计模式怎么运用在前端中
1、工厂模式
工厂模式是用来创建对象的一种最常用的设计模式，我们不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂，工厂模式根据抽象程度的不同可以分为：简单工厂，工厂方法和抽象工厂，接下来，将对简单工厂和工厂方法在JavaScript中的运用举个简单的例子
（1）简单工厂
简单工厂模式又叫静态工厂模式，由一个工厂对象决定创建某一种产品对象类的实例，主要用来创建同一类对象