代理模式

代理模式：爲一個對象提供一個佔位符或者代用品，以便控制對他的訪問。

代理模式非常的有意義，在生活中有很多代理模式的例子。比如明星都有經紀人作爲他的代理，如果想請明星演出，要先跟他經紀人溝通，經紀人把細節報酬都談好後在請明星籤合同。

虛擬代理就是把一些開銷很大的對象，延遲到需要他的時候再去創建。

虛擬代理實現圖片加載

圖片加載，當網絡不好或者圖片太大的情況下會出現很長時間的空白，我們可以考慮當圖片沒加載完成時用一個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) // 不彈窗