這次帶給大家Javascript的代理模式，Javascript代理模式的注意事項有哪些，以下就是實戰案例，一起來看一下。
代理模式的定義：為其他物件提供一種代理以控制對這個物件的存取。在某些情況下，一個對像不適合或不能直接引用另一個對象，而代理對象可以在客戶端和目標對象之間起到中介的作用。
虛擬代理程式是把一些開銷很大的對象，延遲到真正需要它的時候才去創建執行
圖片懶載入
//图片加载let imageEle = (function(){ let node = document.createElement('img'); document.body.appendChild(node); return { setSrc:function(src){
node.src = src;
}
}
})();//代理对象let proxy = (function(){ let img = new Image();
img.onload = function(){
imageEle.setSrc(this.src);
}; return { setSrc:function(src){
img.src = src;
imageEle.setSrc('loading.gif');
}
}
})();
proxy.setSrc('example.png');合併http請求
如果有一個功能需要頻繁進行請求操作，這樣開銷比較大，可以透過一個代理函數收集一段時間內請求數據，一次發出
//上传请求let upload = function(ids){
$.ajax({ data: { id:ids
}
})
}//代理合并请求let proxy = (function(){ let cache = [],
timer = null; return function(id){
cache[cache.length] = id; if(timer) return false;
timer = setTimeout(function(){
upload(cache.join(','));
clearTimeout(timer);
timer = null;
cache = [];
},2000);
}
})();
// 绑定点击事件let checkbox = document.getElementsByTagName( "input" );for(var i= 0, c; c = checkbox[i++];){
c.onclick = function(){ if(this.checked === true){
proxy(this.id);
}
}
}快取代理
快取代理可以作為一些開銷大的運算結果提供暫時的存儲，下次運算時，如果傳遞進來的參數跟之前一致，則可以直接返回前面存儲的運算結果
//计算乘积let mult = function(){ let result = 1; for(let i = 0,len = arguments.length;i < len;i++){
result*= arguments[i];
} return result;
}//缓存代理let proxy = (function(){ let cache = {};
reutrn function(){ let args = Array.prototype.join.call(arguments,','); if(args in cache){ return cache[args];
} return cache[args] = mult.apply(this,arguments);
}
})();優缺點
優點：代理模式能將代理物件與被呼叫物件分離，降低了系統的耦合度。代理模式在客戶端和目標物件之間起到一個中介作用，這樣可以起到保護目標對象的作用。代理物件也可以對目標物件呼叫之前進行其他操作。
缺點：增加了系統的複雜度
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是Javascript的代理模式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
