前言:
JS设计模式的实现已经有很多文章了,但是它们的具体适用场景总会一下子说不上来,本文就简单归纳一下部分设计模式的应用场景。
参考书籍:JavaScript 设计模式与开发实践(曾探)
1. 单例模式
如线程池、全局缓存、浏览器中的 window 对象等只需要一个对象的情况
2. 策略模式
策略模式作为多算法的集合,可以应用在需要使用多种可选方式的场景:
- 奖金计算
- 动画效果中的缓动动画:easy-in easy-out之类
- 表单校验:添加各类校验规则
3. 代理模式
代理模式可以用来对对象操作的预处理:保护代理、虚拟代理、缓存代理等
- 对图片、视频类进行预加载
- 合并 HTTP 请求
- 缓存 ajax 异步请求数据
4. 迭代器模式
循环,可以使用迭代器来实现按优先级获取适配函数,避免使用大量if-else判断该方法是否适用
5. 发布-订阅模式
- 松耦合地联系两个对象
- 应用于异步编程中,代替传递回调函数
- 全局的数据通信
- 模块间数据通信
- 数据响应式(也是数据通信更新)
6. 命令模式
- 菜单程序:将操作发送给请求的接收者
- 宏命令:命令合集
7. 组合模式
提供一种遍历树形结构的方案
- 实现更强大的宏命令
- 扫描文件夹:表示文件夹和文件之间的关系
- 引用父对象,组合对象保存了对子节点的引用,在子节点保存对父节点的引用
8. 模版方法模式
- 决定各类方法的执行顺序
9. 享元模式
- 构建文件上传:
- 一个程序中使用了大量的相似对象
- 由于使用了大量对象,造成很大的内存开销
- 对象的大多数状态都可以变为外部状态
- 剥离出对象的外部状态之后,可以用相对较少的共享对象取代大量对象
- 对象池
10. 职责链模式
- 类似但优于迭代器模式来匹配多种请求接收者的最高优先处理,主要用于解耦代码
- if(1)else if(2) else if(3)
- 修改为: chain(),在chain中依次执行各类函数
11. 中介者模式
- 购买商品
12. 装饰者模式
- 数据统计上报
- 动态改变函数的参数
- 插件式的表单验证
13. 状态模式
- 文件上传
- 状态机
14. 适配器模式
- 解决两个接口间不适配的问题