学习JavaScript设计模式(代理模式)_javascript技巧



代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问
代理模式的用处(个人理解)：为了保障当前对象的单一职责(相对独立性),而需要创建另一个对象来处理调用当前对象之前的一些逻辑以提高代码的效率、状态判断等。
代理模式中最常用的是虚拟代理和缓存代理

一、虚拟代理
虚拟代理是把一些开销很大的对象，延迟到真正需要它的时候才去创建执行
示例: 虚拟代理实现图片预加载

示例: 虚拟代理合并HTTP请求
假设一个功能需要频繁的进行网络请求，这会造成相当大的开销，解决方案是通过一个代理函数来收集一段时间之内的请求，一次性发给服务器。
例如：做一个文件同步的功能，当我们选中一个文件时，就同步到另外一台备用服务器上

二、 缓存代理
缓存代理可以为一些开销大的运算结果提供暂时的存储，在下次运算时，如果传递进来的参数跟之前一致，则可以返回前面的运算结果。
示例: 为乘法、加法等创建缓存代理

输出： 24 console.log( proxyMult( 1, 2, 3, 4 ) ); // 输出： 缓存代理 24 console.log( proxyPlus( 1, 2, 3, 4 ) ); // 输出： 10 console.log( proxyPlus( 1, 2, 3, 4 ) ); // 输出： 缓存代理 10

以上三个示例为大家详细介绍了javascript代理模式，希望对大家的学习有所帮助。