作为一个1-3年的前端开发人员来说，可能面试经常被问到一个问题js常用的设计模式有哪些呢？前端代码中实际如何运用呢？于是陷入了深深的沉思。。。（最近在看大话数据模式，有些许体会记录如下，希望帮助到需要的小伙伴们）
一、单例模式
- 定义：保证一个类仅有一个实例，并提供一个访问他的全局访问点。
- 实际应用：vue中vuex 的store
- 实际应用：react 中的 redux 的store
二、策略模式
- 定义：定义了算法家族，分别封装起来，让他们之间可以相互替换，此模式让算法的变化，不会影响到使用算法的用户。 策略模式是用来封装算法的。
- 总结：是一种定义了一系列算法的方法，从概念上来看，所有这些算法完成都是相同的工作，只是实现不同，他可以以相同的方式调用所有的算法，减少各种算法类和使用算法类直接的偶合
- 优点：1> 策略模式的strategy类层次为context定义了一些列可供重用的算法和行为。继承有助于吸取这些算法的公共功能。 2> 简化了单元测试，因为每个算法都有自己的类，可以通过自己的接口单独测试。
三、代理模式
- 定义：为其他对象提供一种代理以控制对这个对象的访问。 实际应用： nginx反向代理：前后的实现跨域请求
四、迭代器模式
定义：提供一种方法顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。 实际应用：map foreach
五、发布—订阅模式 （观察者模式）
定义：一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象，这个主题对象在发生变化时，会通知所有观察者对象，使他们能够自动更新自己。 应用场景：react中的redux就是订阅者模式，事件监听也订阅者模式。组件自动发现props或者state变化自动更新，就是观察者模式。
六、命令模式
定义：将一个请求封装为一个对象，从而使你可用不同的请求对客户进行参数化，对请求排队或记录请求日志，以及支持可撤销的操作。
七、组合模式
定义：将对象组合成树形结构以表示“部分-整体”的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。
八、模板方法模式
定义：一个操作中算法操作的股架，
九、享元模式
定义：运用共享技术有效的支持大量细粒度的对象。
十、职责链模式
十一、中介者模式
定义：用一个中介对象来封装一些列的对象交互，中介者使各对象不需要显示的互相引用，从而使其偶合松散，而且可以独立改变他们之间的交互。 实际应用：form表单
十二、装饰者模式
十三、状态模式
十四、适配器模式
十五、外观模式
十六、工厂模式
未完成待续。。。。
