6.设计模式之代理模式

当我第一次看到代理模式的定义是，脑海中浮现的一句代码就是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;
};

####使用场景

1. 远程代理：为一个对象在不同的地址空间提供局部代表，这样可以隐藏一个对象存在不同地址空间的事实
2. 虚拟代理：根据需要创建开销很大的对象，通过它来存放实例化需要很长时间的真实对象
3. 安全代理：用来控制，真实对象访问时的权限
4. 智能指引：值当调用真实的对象时，代理处理另外一些事情

我的经验

在前端中，我遇到或使用代理模式的场景有：

• 需要对某些类、方法的使用做一层过滤
• 需要监听某些类、方法的使用并做处理
• 某些DOM懒加载的情况（比如图片懒加载）

参考

大话设计模式 -- 程杰

个人博客

北落师门