代理模式

代理模式：为一个对象提供一个占位符或者代用品，以便控制对他的访问。

代理模式非常的有意义，在生活中有很多代理模式的例子。比如明星都有经纪人作为他的代理，如果想请明星演出，要先跟他经纪人沟通，经纪人把细节报酬都谈好后在请明星签合同。

虚拟代理就是把一些开销很大的对象，延迟到需要他的时候再去创建。

虚拟代理实现图片加载

图片加载，当网络不好或者图片太大的情况下会出现很长时间的空白，我们可以考虑当图片没加载完成时用一个loading图片替换他

var   myImage = (function(){
  var imageNode = document.createElement('img')
  document.body.appendChild(imageNode)
  return {
    serSrc:function(src){ 
       imageNode.src=src
    }
  }
})()
var proxyImage=(function(){
   var img = new Image()
   img.onload=function(){
    myImage.setSrc(this.src)   // this指向img
    alert(this.src)
   }
   return {
     setSrc:function(src){
       myImage.setSrc('......./loading.gif')
       img.src = src
     }
   }
})()

缓存代理：如果传递的参数与之前一样，则可以直接返回之前存储的结果

缓存代理的例子：计算乘积

var mult=function(){
  var result = 1;
alert(111)
  for(let i =0;i<arguments.length;i++){
     result = result*arguments[i]
  }
  return result
}

var proxyMult=(function(){
  var cache = {};
  return function(){
    var args=Array.prototype.join.call(arguments,',')
    if(args in cache){
      return cache[args]
    }
    return cache[args] = mult(...arguments)
  }
})()
proxyMult(2,3,4) // 弹窗
proxyMult(2,3,4) // 不弹窗