代理模式分类
- 保护代理
控制不同权限对象对目标对象对访问。 - 虚拟代理
把一些开销很大对对象延迟到真正需要他对时候才去创建。下面用虚拟代理实现图片预加载：
var myImage=(function() {
var imgNode=document.createNode('img');
document.body.appendChild(imgNode);
return {
setSrc: function(src) {
imgNode.src=src;
}
}
})()
var proxyImage=(function() {
var img=new Image;
img.onload=function() {
myImage.setSrc(this.src);
}
return {
setSrc: function(src) {
myImage.setSrc('file://loading.jpg');
img.src=src;
}
}
})()
proxyImage.setSrc('src.jpg');
设计原则
- 用户可以放心的请求代理，只关心能否得到想要的结果。
- 在任何使用本体的地方都可以替换成使用代理。
缓存代理
//用代理模式实现缓存
//先实现一个目标函数 这里是求阶乘
var mult=function() {
console.log('开始计算阶乘');
var a=1;
for (var i=0,cur=arguments[i];i<arguments.length;i++) {
a=a*cur;
}
console.log('输出：',a);
return a;
}
//缓存结果的代理 调用代理即可
var proxyMult=(function() {
var cache={};
return function() {
var args=Array.prototype.join.call(arguments,',');
if (args in cache) {
console.log('输出：',cache[args]);
return cache[args];
}
return (cache[args]=mult.apply(this,arguments));
}
})()
//这里我们可以更进一步，创建一个 缓存代理的工厂,就可以接受不同的运算规则了
var createProxyfactory=function(fn) {
var cache={};
return function() {
var args=Array.prototype.join.call(arguments,',');
if (args in cache) {
return cache[args];
}
return cache[args]=fn.apply(this,arguments);
}
}
