JS设计模式

一、什么是设计模式

设计模式是在软件开发过程中面临的一般问题的解决方案。
设计模式的使用是为了重用代码、让代码更容易被他人理解、保证代码可靠性。
设计模式使代码编制真正工程化，设计模式是软件工程的基石，项目中合理地运用设计模式可以完美地解决很多问题。
其实设计模式就是从大型软件架构出发、便于升级和维护的软件设计思想，它强调降低依赖，降低耦合。

二、设计模式的分类

模式	包括
创建型模式	工厂模式、抽象工厂模式、单例模式、建造者模式、原型模式
结构型模式	结构型模式、桥接模式、过滤器模式、组合模式、装饰器模式、外观模式、享元模式、代理模式
行为型模式	行为型模式、命令模式、解释器模式、迭代器模式、中介者模式、备忘录模式、观察者模式、状态模式、空对象模式、策略模式、模板模式、访问者模式
J2EE 模式	MVC 模式、业务代表模式、组合实体模式、数据访问对象模式、前端控制器模式、拦截过滤器模式、服务定位器模式、传输对象模式

下面用一个图片来整体描述一下设计模式之间的关系：

三、设计模式的六大原则

1、开闭原则（Open Close Principle）
开闭原则的意思是：对扩展开放，对修改关闭。在程序需要进行拓展的时候，不能去修改原有的代码。为了使程序的扩展性好，易于维护和升级，我们需要使用接口和抽象类，后面的具体设计中我们会提到这点。
2、里氏代换原则（Liskov Substitution Principle）
里氏代换原则是面向对象设计的基本原则之一
是继承复用的基石
是对开闭原则的补充。 （实现开闭原则的关键步骤就是抽象化，而基类与子类的继承关系就是抽象化的具体实现，所以里氏代换原则是对实现抽象化的具体步骤的规范。）
里氏代换原则中说，任何基类可以出现的地方，子类一定可以出现。
3、依赖倒转原则（Dependence Inversion Principle）
这个原则是开闭原则的基础，具体内容：针对接口编程，依赖于抽象而不依赖于具体
4、接口隔离原则（Interface Segregation Principle）
使用多个隔离的接口，比使用单个接口要好。降低类之间的耦合度
5、迪米特法则，又称最少知道原则（Demeter Principle）
最少知道原则是指：一个实体应当尽量少地与其他实体之间发生相互作用，使得系统功能模块相对独立。
6、合成复用原则（Composite Reuse Principle）
合成复用原则是指：尽量使用合成/聚合的方式，而不是使用继承。

四、设计模式常用的三种模式

一、单例模式
核心： 确保只有一个实例，并提供全局访问
实现：axios和vuex的封装、API接口的统一管理
二、工厂模式
工厂模式是我们最常用的实例化对象模式，给系统带来更大的可扩展性和尽量少的修改量。
三、观察者、订阅者模式
vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。