javascript代理模式實例分析

這篇文章主要介紹“javascript代理模式實例分析”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“javascript代理模式實例分析”文章能幫助大家解決問題。

在JavaScript中，代理模式的原理是為一個對象提供一個代用品或者占用符，以便控制對它的訪問；通過給某個對象提供一個代理，并由代理對象控制對原對象的引用，是一種對象結構型模式。

本教程操作環(huán)境：windows10系統(tǒng)、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開發(fā)中，開銷最大的無疑是網絡請求，假設我們有一個列表，代表的是后臺文件信息，我們點擊一個列表，就要向后臺發(fā)送打包文件的請求，對于擁有麒麟臂的你來說，這樣的網絡開銷就是一場噩夢（假設這個操作的實時性要求不是很高），那么我們就可以這樣子來操作，來減小開銷：

function sendFile(files) {
    // 做一些操作，然后發(fā)送文件信息給后臺
    console.log('發(fā)送成功');
}
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是發(fā)送文件的操作，我們使用proxySendFIle來代理發(fā)送文件的操作，2000只發(fā)起一次請求，你說可以不可以。就算你的麒麟臂已經無人可擋，在這里你跟別人沒有區(qū)別。

關于“javascript代理模式實例分析”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。