JS设计模式的应用场景

前言：

JS设计模式的实现已经有很多文章了，但是它们的具体适用场景总会一下子说不上来，本文就简单归纳一下部分设计模式的应用场景。
参考书籍：JavaScript 设计模式与开发实践(曾探)

1. 单例模式

如线程池、全局缓存、浏览器中的 window 对象等只需要一个对象的情况

2. 策略模式

策略模式作为多算法的集合，可以应用在需要使用多种可选方式的场景：

1. 奖金计算
2. 动画效果中的缓动动画：easy-in easy-out之类
3. 表单校验：添加各类校验规则

3. 代理模式

代理模式可以用来对对象操作的预处理：保护代理、虚拟代理、缓存代理等

1. 对图片、视频类进行预加载
2. 合并 HTTP 请求
3. 缓存 ajax 异步请求数据

4. 迭代器模式

循环，可以使用迭代器来实现按优先级获取适配函数，避免使用大量if-else判断该方法是否适用

5. 发布-订阅模式

1. 松耦合地联系两个对象
2. 应用于异步编程中，代替传递回调函数
3. 全局的数据通信
4. 模块间数据通信
5. 数据响应式（也是数据通信更新）

6. 命令模式

1. 菜单程序：将操作发送给请求的接收者
2. 宏命令：命令合集

7. 组合模式

提供一种遍历树形结构的方案

1. 实现更强大的宏命令
2. 扫描文件夹：表示文件夹和文件之间的关系
3. 引用父对象，组合对象保存了对子节点的引用，在子节点保存对父节点的引用

8. 模版方法模式

1. 决定各类方法的执行顺序

9. 享元模式

1. 构建文件上传：
   • 一个程序中使用了大量的相似对象
   • 由于使用了大量对象，造成很大的内存开销
   • 对象的大多数状态都可以变为外部状态
   • 剥离出对象的外部状态之后，可以用相对较少的共享对象取代大量对象
2. 对象池

10. 职责链模式

1. 类似但优于迭代器模式来匹配多种请求接收者的最高优先处理，主要用于解耦代码
   • if(1)else if(2) else if(3)
   • 修改为： chain(),在chain中依次执行各类函数

11. 中介者模式

1. 购买商品

12. 装饰者模式

1. 数据统计上报
2. 动态改变函数的参数
3. 插件式的表单验证

13. 状态模式

1. 文件上传
2. 状态机

14. 适配器模式

1. 解决两个接口间不适配的问题