首頁 > 文章 > web前端 > javascript的代理模式原理是什麼

javascript的代理模式原理是什麼

WBOY原創: 2022-03-10 15:15:282159瀏覽

在JavaScript中，代理模式的原理是為一個物件提供一個代用品或占用符，以便控制對它的存取；透過給某個物件提供一個代理，並由代理物件控制對原對象的引用，是一種物件結構型模式。

本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript的代理模式原理是什麼

代理程式是一個物件(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(&#39;发送成功&#39;);
}
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的代理模式原理是什麼

相關文章