前端设计模式应用
这是我参与「第四届青训营 」笔记创作活动的第4天
1.软件设计中常见问题的解决方案模型
- 历史经验的总结
- 与特定语言无关
2.设计模式背景
设计模式：
- 创建型：如何创建一个对象
- 结构型：如何灵活的将对象组装成较大的结构
- 行为型：负责对象间的高效率通信和职责划分
3.浏览器中的设计模式
主要有两种：
- 单例模式
- 发布订阅模式
3.1单例模式
- 定义：全局唯一访问对象
- 应用场景：缓存、全局状态管理等。
这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。
优点：
- 1、在内存里只有一个实例，减少了内存的开销，尤其是频繁的创建和销毁实例（比如管理学院首页页面缓存）。
- 2、避免对资源的多重占用（比如写文件操作）。
缺点： 没有接口，不能继承，与单一职责原则冲突，一个类应该只关心内部逻辑，而不关心外面怎么样来实例化。
使用场景：
- 1、要求生产唯一序列号。
- 2、WEB 中的计数器，不用每次刷新都在数据库里加一次，用单例先缓存起来。
- 3、创建的一个对象需要消耗的资源过多，比如 I/O 与数据库的连接等。
3.2发布订阅模式
- 定义：一种订阅机制，可在被订阅对象发生变化时通知订阅者。
- 应用场景：从系统架构之间的解耦，到业务中一些实现模式，像邮件订阅、线上订阅等等，应用广泛。
发布—订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，当一个对象发生改变时，所有依赖于它的对象都将得到通知。
在以下情况下可以考虑使用此模式：
- 应用程序需要向大量消费者广播信息。例如微信订阅号就是一个消费者量庞大的广播平台。
- 应用程序需要与一个或多个独立开发的应用程序或服务通信，这些应用程序或服务可能使用不同的平台、编程语言和通信协议。
- 应用程序可以向消费者发送信息，而不需要消费者的实时响应。
4.JavaScript中的设计模式
设计模式有三种：
- 原型模式
- 代理模式
- 迭代器模式
4.1原型模式
- 定义：复制已有对象来创建新的对象。
- 应用场景：JS中对象创建的基本模式。
4.2代理模式
- 定义：可自定义控制原对象的访问方式，并且允许在更新前后做一些额外处理。
- 应用场景：监控、代理工具、前端框架实现等等。
4.3迭代器模式
- 定义：在不暴露数据类型的情况下访问集合中的数据
- 应用场景：数据结构中有多种数据类型，列表、树等，提供通用操作接口。
5.前端框架中的设计模式
前端框架中的设计模式有两种：
- 代理模式
意图： 为其他对象提供一种代理以控制对这个对象的访问。
主要解决： 在直接访问对象时带来的问题，比如说：要访问的对象在远程的机器上。在面向对象系统中，有些对象由于某些原因（比如对象创建开销很大，或者某些操作需要安全控制，或者需要进程外的访问），直接访问会给使用者或者系统结构带来很多麻烦，我们可以在访问此对象时加上一个对此对象的访问层。
- 组合模式
组合模式一般用来描述整体与部分的关系，它将对象组织到树形结构中，顶层的节点被称为根节点，根节点下面可以包含树枝节点和叶子节点，树枝节点下面又可以包含树枝节点和叶子节点，感觉可以类比树状图。
