JS設計模式——代理模式

moven_j 發布于2019-08-22 18:00 / 1342人閱讀

摘要：介紹代理模式是一個非常有意義的模式，當客戶不方便直接訪問一個對象或不滿足要求時，提供一個替身對象來控制對這請輸入代碼個對象的訪問。定義代理模式是為一個對象提供一個代用品或占位符，以便控制對它的訪問意義減少一個對象承擔過多的職責，減少耦合。

1. 介紹

代理模式是一個非常有意義的模式，當客戶不方便直接訪問一個對象或不滿足要求時，提供一個替身對象來控制對這請輸入代碼個對象的訪問。

2. 定義

代理模式是為一個對象提供一個代用品或占位符，以便控制對它的訪問

3. 意義

減少一個對象承擔過多的職責，減少耦合。

4. 代理模式介紹 1. 保護代理

保護代理的作用就是過濾一些請求.在這個例子中很多人都送小紅花，但是小紅不是所有人的花都收，而是只收35歲以下的人的花，但每次都要去判斷顯得麻煩，就可以交給代理對象去判斷，符合條件的才把花送給小紅。

    var Flower=function(){}
    var xiaoming={
        age:23,
        sendFlower:function(target){
            var flower= new Flower()
            target.receiveFlower(flower,this.age)
        }
    }
    var xiaohua={
        age:60,
        sendFlower:function(target){
            var flower= new Flower()
            target.receiveFlower(flower,this.age)
        }
    }
    var proxy={
        receiveFlower(flower,age){
            if(age<=35){
                xiaohong.receiveFlower(flower)
            }
        }
    }
   var xiaohong={
       receiveFlower(flower){
           console.log("i receive a flower")
       }
   }
   xiaoming.sendFlower(proxy)
   xiaohua.sendFlower(proxy)

2. 虛擬代理（重點）

虛擬代理就是把一些開銷很大的對象延遲到真正需要它的時候才去創建。在這個例子中雖然設置了src屬性，但是會推遲到圖片加載完才設置src屬性。虛擬代理還可以應用于合并http請求，處理惰性加載應用。

var myImage=(function(){
    var imgNode=document.createElement("img")
    document.body.appendChild(imgNode)
    return{
        setSrc:function(src){
            imgNode.src=src
        }
    }
})()
var proxy=(function(){
    var img=new Image
    img.onload=function(){
        console.log(myImage)
        myImage.setSrc(this.src)
    }
    return{
        setSrc:function(src){
            myImage.setSrc("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528824410335&di=babef45d6ef1591c6b373f62af81de3b&imgtype=0&src=http%3A%2F%2Fh.hiphotos.baidu.com%2Fzhidao%2Fwh%253D450%252C600%2Fsign%3Dbf193fc3f8f2b211e47b8d4affb0490e%2Fe824b899a9014c08c1277115097b02087bf4f466.jpg")
            img.src=src
        }
    }
})()
proxy.setSrc("http://img18.3lian.com/d/file/201704/13/3e6a1f173606db1d9041ecb6e492adcb.gif")

3. 緩存代理

緩存代理是把一些開銷打的運算結果先儲存起來，下次運算如果傳遞參數與之前一致則返回之前的運算結果，calculate函數只會調用一次。

var calculate=function(){
    var count=1
    for(var i=0,len=arguments.length;i
5. 代理和接口一致性
在上面的例子中可以看到代理對象和實際對象都擁有相同的方法，這有利于后續如果不需要代理了，直接把實際對象換上去就可以了，不需要做過多的修改。

云服務器 GPU云服務器代理模式 Java設計模式之（五）——代理模式靜態代理模式 java代理模式用處

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95391.html

js設計模式 --- 代理設計模式

摘要：代理設計模式代理模式為其他對象提供一種代理以控制對這個對象的訪問。代理模式是常見的設計模式之一是指不直接調用實際的對象，而是通過代理對象，來間接的調用實際的對象。對象類定義了代理對象所代表的目標對象。代理設計模式代理模式：為其他對象提供一種代理以控制對這個對象的訪問。代理模式是常見的設計模式之一,是指不直接調用實際的對象，而是通過代理對象，來間接的調用實際的對象。為什么要采用這種間...

Tonny 2019-08-26 11:46 評論0 收藏0
JS代理模式《JavaScript設計模式與開發實踐》閱讀筆記

摘要：保護代理和虛擬代理保護代理當有許多需求要向某對象發出一些請求時，可以設置保護代理，通過一些條件判斷對請求進行過濾。虛擬代理在程序中可以能有一些代價昂貴的操作。而虛擬代理是最常用的一種代理模式。代理模式代理模式是為一個對象提供一個代用品或占位符，以便控制對它的訪問。保護代理和虛擬代理保護代理：當有許多需求要向某對象發出一些請求時，可以設置保護代理，通過一些條件判斷對請求進行過濾。...

mist14 2019-08-22 17:57 評論0 收藏0
JS設計模式之代理模式

摘要：什么是代理模式代理模式，類似于明星的經紀人，想要拜訪明星，需要先通過經紀人的溝通。不同于裝飾器，那種動態加載一個對象，可以說在代理模式當中，代理是早已既定的。又稱單一功能原則，面向對象五個基本原則之一。什么是代理模式代理模式，類似于明星的經紀人，想要拜訪明星，需要先通過經紀人的溝通。而在JS當中，如果想訪問一個類，需要通過另一個類來間接訪問。不同于裝飾器，那種動態加載一個對象，可...

widuu 2019-08-22 11:04 評論0 收藏0
JS設計模式-代理模式

摘要：代理模式的定義為其他對象提供一種代理以控制對這個對象的訪問。代理模式在客戶端和目標對象之間起到一個中介作用，這樣可以起到保護目標對象的作用。代理對象也可以對目標對象調用之前進行其他操作。代理模式的定義：為其他對象提供一種代理以控制對這個對象的訪問。在某些情況下，一個對象不適合或者不能直接引用另一個對象，而代理對象可以在客戶端和目標對象之間起到中介的作用。原文鏈接虛擬代理虛擬代理...

馬龍駒 2019-08-21 16:54 評論0 收藏0
每天一個設計模式·代理模式

摘要：代理模式原文地址更多設計模式系列教程更多免費教程博主按每天一個設計模式旨在初步領會設計模式的精髓，目前采用靠這吃飯和純粹喜歡兩種語言實現。代理模式優缺點代理模式有高度解耦對象保護易修改等優點。代理模式·原文地址更多《設計模式系列教程》更多免費教程博主按：《每天一個設計模式》旨在初步領會設計模式的精髓，目前采用javascript（_靠這吃飯_）和python（_純粹喜歡_）...

XiNGRZ 2019-08-23 13:42 評論0 收藏0
每天一個設計模式·代理模式

摘要：代理模式原文地址更多設計模式系列教程更多免費教程博主按每天一個設計模式旨在初步領會設計模式的精髓，目前采用靠這吃飯和純粹喜歡兩種語言實現。代理模式優缺點代理模式有高度解耦對象保護易修改等優點。代理模式·原文地址更多《設計模式系列教程》更多免費教程博主按：《每天一個設計模式》旨在初步領會設計模式的精髓，目前采用javascript（_靠這吃飯_）和python（_純粹喜歡_）...

MasonEast 2019-07-30 18:34 評論0 收藏0