JavaScript设计模式

职责链模式、策略模式、适配器模式。了解实际的场景即可，通过实际场景来加深其设计思想的理解。理解MVC 和 MVVM 原理。

代理模式： 为其它对象提供一种 以代理控制对这个对象的访问。不允许直接访问。使用场景有DOM事件代理、nginx 反向代理、Proxy。

装饰器模式 ： 允许向一个现有对象添加新的功能，同时又不改变其结构。可装饰class、装饰 class 方法，最常用场景就是实现log 日志。

原型模式： 用一个已经创建的实例作为原型，通过复制该原型对象来创建一个和原型相同或相似的新对象。 JS 中并不常用原型模式，但 JS 对象本身就是基于原型的。JS属性描述符。

用于顺序访问集合对象的元素，不需要知道集合对象的底层表示。 简单的 for 循环并不是迭代器模式。使用 Generator 遍历 DOM 树。

观察者模式 在前端领域应用非常广泛。 当对象间存在一对多关系时，则使用观察者模式。DOM 事件就是最常用的观察者模式、Reac、vue 的生命周期、异步回调等场景。与订阅模式对比。

单例模式 ： 一个 对象/实例 只能被创建一次 创建之后缓存起来，以后继续使用 。登录框是其常用场景。单例的思想随处可见。

工厂模式 这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。所谓工厂模式就是将创建对象的过程单独封装。 将 new 操作单独封装。

主要学习五大设计原则（SOLID）。S-单一职责原则、O-开放封闭原则、L-李氏置换原则、I-接口独立原则、D-依赖倒置原则。

前期准备工作：了解 TS、面向对象、UML 类图。对TS的入门，了解面向对象和 UML 类图。面向对象的三要素：继承、封装、多态。