設計模式---003代理模式（轉載自個人老師 Alley-巷子）

1、什麼是代理模式

 

　　解釋：爲其餘對象提供一種代理以控制對這個對象的訪問

 

2、案例一

 

     需求:若是有人須要找寶寶拍電影，那麼首先必須找到吉吉。

     分析：對象：寶寶、吉吉

 

 

3、案例三

 

     用代理模式實現圖片預加載

function CreateImg(){
        //建立img標籤
        var img = document.createElement("img");
        //設置img的路徑爲一個loading
        img.src = "loading.gif";
        //插入頁碼
        document.body.appendChild(img);
        
        //當圖片緩存完畢之後替換loading
        this.setSrc = function(url){
            img.src = url;
        }
    }


    function ProxyImg(){
        var target =  new CreateImg();
        //建立Image對象
        var img = new Image();
        //緩存一張圖片
        img.onload = function(){
            //當圖片緩存完畢後賦值給createImage
            target.setSrc(this.src)
        }

        //設置緩存圖片路徑
        this.setSrc = function(url){
            img.src = url
        }
    }
    var img = new ProxyImg();
    img.setSrc("w1.jpg");