代理模式：为其他对象提供一种代理以控制对这个对象的访问
当我第一次看到代理模式的定义是，脑海中浮现的一句代码就是const that = this;，我们通过that来代理this的访问，虽然没有体现控制的意味，但体现了代理的意思。
在日常的开发工作之中，我对于代理模式的理解是：对对象的操作添加过滤的手段。
之前在工作中遇到一个场景：平台管理系统需要去维护各子系统的公共数据（CommonData），各子系统在使用时去拉取公共数据，但是这样拉取公共数据其实会是比较大的开销，因为公共数据的变化比较缓慢，时效性比较低，我们可以通过代理拉取公共数据的函数来操作。代码如下：
// 拉取公共数据函数
const getCommonData = async (type) => {
return await Ajax(type);
};
// 代理函数
const CommonDataMap = new Map();
const getCommonDataProxy = async (type) => {
let data = CommonDataMap.get(type);
if (!data) {
data = await getCommonData(type);
CommonDataMap.set(type, data);
}
return data;
};
使用场景
- 远程代理：为一个对象在不同的地址空间提供局部代表，这样可以隐藏一个对象存在不同地址空间的事实
- 虚拟代理：根据需要创建开销很大的对象，通过它来存放实例化需要很长时间的真实对象
- 安全代理：用来控制，真实对象访问时的权限
- 智能指引：值当调用真实的对象时，代理处理另外一些事情
我的经验
在前端中，我遇到或使用代理模式的场景有：
- 需要对某些类、方法的使用做一层过滤
- 需要监听某些类、方法的使用并做处理
- 某些DOM懒加载的情况（比如图片懒加载）
参考
大话设计模式 -- 程杰
