JavaScript设计模式

一、什么是代理模式 针对一个对象 设置代理，控制这个对象的访问 用户不得直接访问对象，而要通过代理 二、ULM类图 三、是否符合设计原则 代理和目标分离，解耦 代理可自行扩展 目标也可自行扩展 四、使

一、注意事项 Angular 只为了演示，国内应用不多 AOP 可以先了解概念，不急于掌握细节和实践 二、概念介绍 装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同

1.注意事项 原型模式不常用，但原型链是JS基础，必须掌握 属性描述符日常不会直接使用，但它是理解对象属性的重要基础 2.原型模式介绍 UML类图 代码演示 3.原型和原型链 原型 函数（class）

1.介绍 普通for循环不是迭代器 简易迭代器： 2.小结 顺序访问有序结构（如数组、NodeList） 不知道数据的长度和内部结构 高内聚，低耦合 3.迭代器模式代码演示 4.是否符合设计原则 使用

UML类图： 示例代码 是否符合设计原则？ Observer 和 Subject分离，解耦 Observer可自由扩展 Subject可自由扩展 观察者模式使用场景 DOM事件 Vue React 组

设计模式是基于面向对象编程 OOP 的，所以先介绍面向对象的概念。UML 类图是面向对象编程的重要设计工具。（UML统一建模语言，包括很多种图，类图是其中一种） 面向对象两个重要的概念： 类 对象（实

介绍 一个对象/实例 只能被创建一次 创建之后缓存起来，以后继续使用 即，一个系统中只有一个 示例 登录框，遮罩层，一个系统只有一个即可，多了无用 Vuex Redux的store，一个系统中只能有一

介绍 创建对象的一种方式。不用每次都亲自创建对象，而是通过一个既定的“工厂”来生产对象。 示例 去购买奶茶，直接点餐、取餐、不会自己亲手做 商店要“封装”做奶茶的工作，做好直接给你 UML类图 代码