在JavaScript中，代理模式的原理是為一個物件提供一個代用品或占用符，以便控制對它的存取；透過給某個物件提供一個代理，並由代理物件控制對原對象的引用，是一種物件結構型模式。
本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。
代理程式是一個物件(proxy)用它來控制目標物件的存取。為此他要是先與目標物件相同的介面,但是他不同於裝飾者模式，它對目標物件不進行任何修改，它的目的在於延緩"複雜"物件的初始化時間。這樣可以在用到這個目標物件的時候再初始化他(對於單例來講更是重要)。
為一個物件提供一個代用品或佔位符，以便控制對它的存取
給某一個物件提供一個代理，並由代理物件控制對原始物件的引用。代理模式是一種物件結構型模式
代理模式有兩種分類：
（1）普通代理
（2）惰性代理
#看一段程式碼：
function getSomething(value) {
if (value > 10) {
return value * 2;
}
}在這裡我們定義了一個函數，如果傳入的值大於10，那麼我們就回傳它的2倍的值。嗯。 。 。挺好的，但是有不足之處。函數做了過多的事情，我們的目的就是取得參數的2倍值，在這裡做了條件判斷。 （當然在這裡並沒有什麼影響，我只是舉一個簡單的例子），我們希望的這個函數就是回傳值就行了。
在看一段程式碼：
function getSomething(value) {
return value * 2;
}
function proxtGet(value) {
if (value <10) return;
return getSomething(value);
}現在我們分離了getSomething的功能，判斷用proxyGet來做，那麼getSomething就安安心心的做自己的事情了。
其實就是一種保護代理，對目標物件我們提供了proxyGet方法進行保護，只有符合條件的才能操作它。
假如有天不需要做判斷了，那麼我們就直接呼叫getSomething就可以的到結果，看多方便。
下面介紹一下虛擬代理：
在web開發中，開銷最大的無疑是網絡請求，假設我們有一個列表，代表的是後台文件信息，我們點擊一個列表，就要向後台發送打包文件的請求，對於擁有麒麟臂的你來說，這樣的網絡開銷就是一場噩夢（假設這個操作的實時性要求不是很高），那麼我們就可以這樣子來操作，來減小開銷：
function sendFile(files) {
// 做一些操作，然后发送文件信息给后台
console.log('发送成功');
}
var proxySendFile = (function () {
var caches = [];
var timer = null;
return function (file) {
caches.push(file);
if (timer) { return };
timer = setTimeout(function () {
sendFile(caches);
clearInterval(timer);
timer = null;
caches.length = 0;
}, 2000)
}
}
)()在這裡sendFile是發送檔案的操作，我們使用proxySendFIle來代理發送檔案的操作，2000只發起一次請求，你說可以不可以。就算你的麒麟臂已經無人可擋，在這裡你跟別人沒有差別。
相關推薦：javascript學習教學
以上是javascript的代理模式原理是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
