前段時(shí)間我一個(gè)很慫的朋友說希望我給他介紹一個(gè)女朋友，簡稱songHai，我就托朋友幫忙物色了一個(gè)锤悄。那么怎么讓這個(gè)慫貨開始的時(shí)候不尬聊，那不得讓雙方有一個(gè)初步的了解嘉抒。這個(gè)時(shí)候就需要代理模式零聚。
定義
顧名思義就是幫別人做(zuo)事(mei)、解(la)決(pi)問(tiao)題些侍，
代理模式(Proxy)隶症，為其他對(duì)象提供一種代理以控制這個(gè)對(duì)象的訪問。
首先songHai需要知道對(duì)方的名字岗宣，為了一個(gè)好印象蚂会，開局送了輛寶馬，不差錢耗式。
// 先聲明美女對(duì)象
var girl = function (name) {
this.name = name;
};
// 這是慫海
var songHai= function (girl) {
this.girl = girl;
this.sendGift= function (gift) {
alert("Hi " + girl.name + ", 慫逼送你一個(gè)禮物：" + gift);
}
};
// 好人是為代理
var proxyGoodMen = function (girl) {
this.girl = girl;
this.sendGift = function (gift) {
(new songHai(girl)).sendGift(gift); // 替songHai送寶馬過去嘍
}
};
在songHai 和proxyGoodMen 之間胁住，屬性和方法是很相近的，不同的是刊咳，對(duì)象songHai因?yàn)槟撤N原因彪见，不方便去直接執(zhí)行sendGift，需要proxyGoodMen去代為執(zhí)行芦缰。
執(zhí)行方式
var proxy = new proxyTom(new girl("知名網(wǎng)紅小妹"));
proxy.sendGift("寶馬");
代理模式常用場景
1企巢、遠(yuǎn)程代理枫慷，也就是為了一個(gè)對(duì)象在不同的地址空間提供局部代表让蕾，這樣可以隱藏一個(gè)對(duì)象存在于不同地址空間的事實(shí)，就像web service里的代理類一樣或听。
2探孝、虛擬代理，根據(jù)需要?jiǎng)?chuàng)建開銷很大的對(duì)象誉裆，通過它來存放實(shí)例化需要很長時(shí)間的真實(shí)對(duì)象顿颅，這樣就可以達(dá)到性能的最優(yōu)化，比如說你打開一個(gè)很大的HTML網(wǎng)頁時(shí)足丢，里面可能有很多的文字與圖片粱腻，整個(gè)網(wǎng)頁很快就可以打開，但你此時(shí)看到的是所有的文字斩跌，圖片是一張張加載后才能看到绍些，那些未下載的圖片替代區(qū)域就是通過虛擬代理代替了真實(shí)的圖片，
3耀鸦、安全代理柬批，用來控制真實(shí)對(duì)象訪問時(shí)的權(quán)限啸澡，一般用于對(duì)象應(yīng)該有不同的訪問權(quán)限。
4氮帐、智能指引 嗅虏，是指當(dāng)調(diào)用真實(shí)的對(duì)象時(shí)，代理處理另外一些事上沐。
代理模式其實(shí)就是在訪問對(duì)象時(shí)引入一定程度的間接性皮服，因?yàn)檫@種間接性，可以附加多種用途参咙。
用虛擬代理實(shí)現(xiàn)圖片loading
看下面一段代碼
var myImage = (function(){
var imgNode = document.createElement("img");
imgNode.alt='imgNode'
document.body.appendChild(imgNode);
return {
setSrc: function(src){
imgNode.src = src;
console.log('1')
}
}
}());
var proxyImage = (function(){
/**用來檢測圖片地址變化的對(duì)象img,并不會(huì)添加到界面中冰更，只當(dāng)做為與
被代理圖片有相同src屬性的對(duì)象。
**/
var img = new Image();
img.onload = function(){
console.log('4')
myImage.setSrc( this.src );
console.log('5')
}
return {
setSrc: function(src){
console.log('2')
myImage.setSrc( "loading.gif" );
console.log('3')
img.src = src;
}
}
})();
proxyImage.setSrc("load.jpg");
打印出的結(jié)果：
1
3
/**img.src = src 修改img 屬性昂勒，圖片加載完畢后觸發(fā)img.onload函數(shù)**/
4
1
5
proxyImage對(duì)象首先調(diào)用了myImage.setSrc方法蜀细，加載一個(gè)加載速度快或者常用緩存好的圖片，將將要加載的圖片src賦值給 img對(duì)象戈盈，通過img.onload監(jiān)測將要加載圖片是否加載完成奠衔，然后再次調(diào)用myImage.setSrc方法。
es6中的proxy
在支持 Proxy 的瀏覽器環(huán)境中塘娶，Proxy是一個(gè)全局對(duì)象归斤，可以直接使用。 Proxy(target, handler)是一個(gè)構(gòu)造函數(shù)刁岸， target是被代理的對(duì)象 handlde是聲明了各類代理操作的對(duì)象脏里，最終返回一個(gè)代理對(duì)象。外界每次通過代理對(duì)象訪問 target對(duì)象的屬性時(shí)虹曙，就會(huì)經(jīng)過 handler對(duì)象迫横，從這個(gè)流程來看，代理對(duì)象很類似 middleware（中間件）酝碳。那么 Proxy 可以攔截什么操作呢矾踱？最常見的就是 get（讀取）疏哗、 set（修改）對(duì)象屬性等操作呛讲，完整操作。
總結(jié)：
當(dāng)你想用代理模式時(shí)返奉，你可能會(huì)想要：
- 攔截或控制訪問一個(gè)對(duì)象
- 簡化模糊的規(guī)則或輔助邏輯方法/類的復(fù)雜性
- 沒有驗(yàn)證/準(zhǔn)備之前贝搁，防止重-資源動(dòng)作。
待完成芽偏，其他應(yīng)用代碼未補(bǔ)充雷逆，反正沒人看.gif
