这是我参与「第四届青训营 」笔记创作活动的第5天
什么是设计模式
软件设计中常见问题的解决方案模型
- 总结的一些常见的规则，是对常见问题的总结
- 与特定语言无关，不是一种具象的东西，是一种思想、想法
- 具有迭代性，时常进行更新
设计模式分类
23种设计模式
- 创建型：高效、以更好的性能灵活的创建一个对象来使用
- 结构型：将创建好的对象组装成一个较大的、更合理的结构
- 行为型：负责对象间的高效通信和职责划分（包括各个对象的功能设计以及各个对象功能执行的先后顺序）
前端场景下的设计模式
1. 浏览器（API）中的设计模式
（1） 单例模式
全局访问的对象
应用场景：应用于缓存、全局状态管理
（2） 发布订阅模式（观察者模式）
一种订阅机制，可以在被订阅对象发生变化时告诉订阅者
应用场景：系统架构（前端、数据库、消息队列）之间的解耦，业务中的一些实现模式，例如邮件订阅、用户上线订阅
2. JavaScript中的设计模式
JavaScript中提供API帮助我们实现的几种模式
（1） 原型模式（除继承以外，原型链中的原型指的就是原型模式）
复制已有对象来创建新的对象
应用场景：JavaScript中创建对象的基本模式
（2） 代理模式
可自定义控制对原对象的访问方式以及写入方式，并且允许在更新前后做一个额外的处理
应用场景： 监控、代理工具（业务场景）、前端框架实现
（3） 迭代器模式（目前绝大部分语言都内置了迭代器）
在不暴露数据类型的情况下访问集合中的数据
应用场景：数据结构中有多种数据类型，列表，树等，提供通用操作接口
3. 前端框架（Vue、React、Angular）中的设计模式
（1） 代理模式
（2） 组合模式
可多个对象组合使用，也可单独对象独立使用（功能类似）
应用场景：DOM、前端组件、文件目录、部门
总结
-
设计模式并不能解决所有问题，我们在编写代码时不能过于死板要灵活应用；
-
总结出抽象的设计模式比较简单，真正将设计模式套用很困难，需要我们拥有更多的编程经验；
-
设计模式需要我们不断学习，不断应用，在实践中不断校准、不断积累。
