亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

js設(shè)計(jì)模式——代理模式proxy

2018-4-14    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

什么是代理模式

代理模式是為一個(gè)對(duì)象提供一個(gè)代用品或占位符，以便控制對(duì)它的訪問(wèn)。

（可以想象一下明星與經(jīng)紀(jì)人的關(guān)系，明星是請(qǐng)求的本體，經(jīng)紀(jì)人就是代理proxy）

如何實(shí)現(xiàn)代理模式

代理對(duì)象內(nèi)部含有對(duì)本體對(duì)象的引用，因而可以與調(diào)用本體的相關(guān)方法；同時(shí)，代理對(duì)象提供與本體對(duì)象相同的接口，方便在任何時(shí)刻代理本體對(duì)象。

例子（上代碼）

代理模式的變體有很多，有：保護(hù)代理、虛擬代理、緩存代理、防火墻代理、遠(yuǎn)程代理、智能引用代理、寫(xiě)時(shí)復(fù)制代理。具體介紹前三種。

（1）保護(hù)代理

保護(hù)代理主要用于控制不同權(quán)限的對(duì)象對(duì)本體對(duì)象的訪問(wèn)權(quán)限。比如很多人想訪問(wèn)本體A，如果有代理B存在的話，B會(huì)首先剔除不滿足A的訪問(wèn)條件的訪問(wèn)者，符合條件的才能訪問(wèn)。

作用：過(guò)濾請(qǐng)求

例如：權(quán)限的劃分和管理就是使用保護(hù)代理proxy來(lái)完成的。

注冊(cè)普通用戶：code為“001”

論壇管理者   ：code為“002”

系統(tǒng)管理者   ：code為“003”

游        客    ：code為“000”

論壇開(kāi)放了四個(gè)基礎(chǔ)功能

1，發(fā)帖

2，帖子審核

3，清除帖子

4，留言

游客不具備任何操作權(quán)限，注冊(cè)用戶只能發(fā)帖，論壇管理者可以審核以及刪帖操作，系統(tǒng)管理者具有所有功能權(quán)限。

[javascript] view plain copy
  1. //用戶本體  
  2. function User(name,code){  
  3.     this.name = name ;  
  4.     this.code = code ;  
  5. } ;  
  6. User.prototype = {  
  7.     getName : function(){  
  8.         return this.name ;  
  9.     } ,  
  10.     getCode : function(){  
  11.         return this.code ;  
  12.     } ,  
  13.     post : function(){  
  14.         console.log("發(fā)帖子！") ;  
  15.     } ,  
  16.     remove : function(){  
  17.         console.log("刪除帖子！") ;  
  18.     } ,  
  19.     check : function(){  
  20.         console.log("審核帖子！") ;  
  21.     } ,  
  22.     comment : function(){  
  23.         console.log("回復(fù)帖子！") ;  
  24.     }  
  25. } ;  
  26. //代理論壇類  
  27. function Forum(user){  
  28.     this.user = user ;  
  29. } ;  
  30. Forum.prototype = {  
  31.     getUser : function(){  
  32.         return this.user ;  
  33.     } ,  
  34.     post : function(){  
  35.         if(this.user.getCode() == "001" || this.user.getCode() == "003"){  
  36.             return this.user.post() ;  
  37.         }  
  38.         console.log("沒(méi)權(quán)限發(fā)帖子！") ;  
  39.     } ,  
  40.     remove : function(){  
  41.         if(this.user.getCode() == "002" || this.user.getCode() == "003"){  
  42.             return this.user.remove() ;  
  43.         }  
  44.         console.log("沒(méi)權(quán)限刪除帖子！") ;  
  45.     } ,  
  46.     check : function(){  
  47.         if(this.user.getCode() == "002" || this.user.getCode() == "003"){  
  48.             return this.user.check() ;  
  49.         }  
  50.         console.log("沒(méi)權(quán)限審核帖子！") ;  
  51.     } ,  
  52.     comment : function(){  
  53.         if(this.user.getCode() == "003"){  
  54.             return this.user.comment() ;  
  55.         }  
  56.         console.log("沒(méi)權(quán)限回復(fù)帖子！") ;  
  57.     }  
  58. } ;  
  59. //功能測(cè)試  
  60. function ForumClient(){  
  61.      this.run = function(){  
  62.          new Forum(new User("bigbear","003")).check() ; // 審核帖子  
  63.      }  
  64.  } ;  

在該例子中，論壇代理有與user本體相同的接口，可以在滿足條件時(shí)，執(zhí)行與本體相同的代碼，與調(diào)用方法的人而言，是不透明的，我實(shí)現(xiàn)了調(diào)用，但不在乎是通過(guò)代理實(shí)現(xiàn)的，還是本體實(shí)現(xiàn)的。

本案例來(lái)源：大熊君大話設(shè)計(jì)模式JavaScript

（2）虛擬代理

虛擬代理是將調(diào)用本體方法的請(qǐng)求進(jìn)行管理，等到本體適合執(zhí)行時(shí)，再執(zhí)行。

作用：將開(kāi)銷(xiāo)很大的對(duì)象，延遲到真正需要它的時(shí)候再執(zhí)行。

比如：利用虛擬代理實(shí)現(xiàn)圖片預(yù)加載功能：

[javascript] view plain copy
  1. /**在圖片預(yù)加載中實(shí)現(xiàn)虛擬代理 */  
  2. var myImage = (function(){  
  3.     var imageNode = document.createElement('img');  
  4.     document.body.appendChild(imageNode);  
  5.   
  6.     return {  
  7.         setSrc: function(src){  
  8.             imageNode.src = src;  
  9.         }  
  10.     }  
  11. })()  
  12.   
  13. //代理類  
  14. var proxyImage = (function(){  
  15.     var img = new Image();  
  16.     img.onload = function(){  
  17.         myImage.setSrc(this.src);  
  18.     }  
  19.   
  20.     return {  
  21.         setSrc: function(src){  
  22.             myImage.setSrc('本地的圖片地址');  
  23.             img.src = src; //緩存完畢之后會(huì)觸發(fā)img的onload事件  
  24.         }  
  25.     }  
  26. })()  

比如：利用虛擬代理合并HTTP請(qǐng)求

[javascript] view plain copy
  1. /**虛擬代理合并http請(qǐng)求 */  
  2. //通過(guò)代理函數(shù)收集一段時(shí)間的請(qǐng)求，一次性發(fā)送給服務(wù)器，減少頻繁的網(wǎng)絡(luò)請(qǐng)求帶來(lái)的極大開(kāi)銷(xiāo)  
  3. //模擬向服務(wù)器發(fā)送同步請(qǐng)求的函數(shù)  
  4. var synchronousFile = function(id){  
  5.     console.log('開(kāi)始同步上傳文件，id為：'+id);  
  6. }  
  7.   
  8. //代理類收集一段時(shí)間的同步請(qǐng)求，統(tǒng)一發(fā)送  
  9. var proxySynchronousFile = (function(){  
  10.     var cache = [], //設(shè)置緩存數(shù)組  
  11.         timer; //定時(shí)器，通過(guò)閉包訪問(wèn)定時(shí)器的引用  
  12.   
  13.     return function(id){  
  14.         cache.push(id);  
  15.         if(timer){  
  16.             return;  
  17.         }  
  18.         timer = setTimeout(function(){  
  19.             synchronousFile(cache.join(','));  
  20.             clearTimeout(timer);  
  21.             timer = null;  
  22.             cache.length = 0;  
  23.         },2000)  
  24.     }  
  25. })()  
  26.   
  27. var checkbox = document.getElementsByTagName('input');  
  28.   
  29. for(var i=0,c;c=checkbox[i++];){  
  30.     c.onclick = function(){  
  31.         if(this.check === true){  
  32.             proxySynchronousFile(this.id);  
  33.         }  
  34.     }  
  35. }  

在這些例子中，虛擬代理對(duì)請(qǐng)求進(jìn)行擱置處理，等到合適的時(shí)機(jī)，對(duì)本體的接口進(jìn)行調(diào)用，可以有效提升Web性能。

（3）緩存代理

緩存代理可以為開(kāi)銷(xiāo)大的一些運(yùn)算結(jié)果提供暫時(shí)性的存儲(chǔ)，如果再次傳進(jìn)相同的參數(shù)是，直接返回結(jié)果，避免大量重復(fù)計(jì)算。

[javascript] view plain copy
  1. /**創(chuàng)建緩存代理工廠 */  
  2. //將緩存代理與工廠模式相結(jié)合，創(chuàng)建多種運(yùn)算的緩存代理  
  3. var mult = function(){  
  4.     var a = 1;  
  5.     for(var i=0;i<arguments.length;i++){  
  6.         a = a*arguments[i];  
  7.     }  
  8.     return a;  
  9. }  
  10. var plus = function(){  
  11.     var a = 0;  
  12.     for(var i=0; i<arguments.length; i++){  
  13.         a = a + arguments[i];  
  14.     }  
  15.     return a;  
  16. }  
  17. //高階函數(shù):將函數(shù)作為參數(shù)或者返回值的函數(shù)  
  18. var proxyFactory = function(fn) {  
  19.     var cache = {}; //參數(shù)緩存列表  
  20.     return function(){  
  21.         var args = Array.prototype.join.call(arguments,',');  
  22.         if(args in cache){  
  23.             return cache[args];  
  24.         }  
  25.         //參數(shù)屬性對(duì)應(yīng)的是函數(shù)  
  26.         return cache[args] = fn.apply(this,arguments);  
  27.     }  
  28. }  
  29.   
  30. //測(cè)試  
  31. var proxyMult = proxyFactory(mult),  
  32.     proxyPlus = proxyFactory(plus);  
  33.   
  34. console.log(proxyMult(1,2,3,4));  
  35. console.log(proxyMult(1,2,3,4));  
  36. console.log(proxyPlus(5,6,7,8));  
  37. console.log(proxyPlus(5,6,7,8));  

什么情況下使用代理

當(dāng)我們需要使用的對(duì)象很復(fù)雜或者需要很長(zhǎng)時(shí)間去構(gòu)造，這時(shí)就可以使用代理模式(Proxy)。例如：如果構(gòu)建一個(gè)對(duì)象很耗費(fèi)時(shí)間和計(jì)算機(jī)資源，代理模式(Proxy)允許我們控制這種情況，直到我們需要使用實(shí)際的對(duì)象。一個(gè)代理(Proxy)通常包含和將要使用的對(duì)象同樣的方法，一旦開(kāi)始使用這個(gè)對(duì)象，這些方法將通過(guò)代理(Proxy)傳遞給實(shí)際的對(duì)象。

比如上面的代碼：需要花很長(zhǎng)的時(shí)間加載很多圖片，復(fù)雜的運(yùn)算過(guò)程，頻繁的多次請(qǐng)求處理等；都可以用到代理模式。

小結(jié)

代理模式的一個(gè)好處就是對(duì)外部提供統(tǒng)一的接口方法，而代理類在接口中實(shí)現(xiàn)對(duì)真實(shí)類的附加操作行為，從而可以在不影響外部調(diào)用情況下，進(jìn)行系統(tǒng)擴(kuò)展。也就是說(shuō)，我要修改真實(shí)角色的操作的時(shí)候，盡量不要修改他，而是在外部在“包”一層進(jìn)行附加行為，即代理類。

藍(lán)藍(lán)設(shè)計(jì)( m.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看 
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • 

    

    <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 

小辣椒精品导航|
欧美日本一区二区高清播放视频|
一区在线视频|
欧美调教视频|
欧美日韩免费一区二区三区视频|
欧美jizzhd精品欧美喷水|
欧美激情日韩|
国产亚洲激情视频在线|
国产精品久久久久三级|
国产精品久久二区|
国产精品久久久久久久电影|
欧美视频免费在线|
欧美三区免费完整视频在线观看|
欧美另类人妖|
欧美三级视频|
国产精品女主播|
国产精品色在线|
国产亚洲女人久久久久毛片|
国产午夜精品理论片a级大结局|
国产欧美精品在线播放|
国产一区导航|
亚洲第一色中文字幕|
亚洲精品久久久久久久久久久久久|
亚洲精品视频免费|
正在播放日韩|
欧美一区二区日韩|
乱中年女人伦av一区二区|
欧美精品123区|
国产精品久久福利|
国产精品美女久久久久久免费
|
欧美国产日韩xxxxx|
欧美日本亚洲韩国国产|
国产精品护士白丝一区av|
国产欧美三级|
亚洲国产精品一区二区www|
99精品免费|
性xx色xx综合久久久xx|
久久人人爽国产|
欧美精品一区二区三区视频|
国产精品久久久久久亚洲毛片|
国产日韩欧美综合在线|
在线激情影院一区|
宅男精品视频|
久久这里有精品视频|
欧美日韩国产精品一卡|
国产免费成人av|
亚洲第一在线综合网站|
国产精品99久久久久久宅男|
久久成人精品视频|
欧美精品一区二区视频|
国产视频观看一区|
亚洲裸体视频|
久久久久久久久蜜桃|
欧美日韩亚洲免费|
国产一区在线播放|
99视频一区二区三区|
久久精品国产999大香线蕉|
欧美激情第三页|
国产欧美日韩中文字幕在线|
亚洲三级免费观看|
欧美伊人精品成人久久综合97|
欧美激情一区二区三区不卡|
国产老女人精品毛片久久|
亚洲人成77777在线观看网|
午夜伦理片一区|
欧美精品尤物在线|
国内精品久久久久影院优|
一区二区三区日韩精品视频|
久久一区国产|
国产日韩欧美高清免费|
99国产精品|
免费成人在线视频网站|
国产欧美视频一区二区|
一本色道久久综合亚洲精品不|
久久久久久欧美|
国产精品自拍网站|
一本一本大道香蕉久在线精品|
久久―日本道色综合久久|
国产女人精品视频|
一区二区三区导航|
欧美成人午夜视频|
影音先锋另类|
性欧美办公室18xxxxhd|
欧美色视频日本高清在线观看|
在线观看视频一区二区欧美日韩|
午夜精品久久久久久久蜜桃app
|
久久精品日产第一区二区|
欧美麻豆久久久久久中文|
伊人成年综合电影网|
午夜激情综合网|
欧美日韩国产一区精品一区
|
欧美国产日本|
精品av久久久久电影|
午夜精品免费视频|
欧美涩涩视频|
亚洲精品在线观看免费|
另类图片国产|
激情成人综合网|
欧美在线观看网站|
国产精品视屏|
亚洲一区美女视频在线观看免费|
欧美连裤袜在线视频|
亚洲国产精品一区制服丝袜|
久久精品99无色码中文字幕|
国产精品视频1区|
亚洲香蕉视频|
欧美午夜性色大片在线观看|
日韩视频亚洲视频|
欧美劲爆第一页|
亚洲美女视频在线观看|
欧美黄色精品|
亚洲精品免费网站|
欧美国产亚洲视频|
亚洲人被黑人高潮完整版|
欧美成人一区二免费视频软件|
在线观看国产日韩|
美日韩精品免费|
亚洲国产成人tv|
欧美jizz19性欧美|
亚洲精品国精品久久99热一|
免费看成人av|
亚洲精品乱码久久久久久日本蜜臀|
欧美jizz19性欧美|
91久久久亚洲精品|
欧美国产日韩一区二区|
99国产麻豆精品|
欧美午夜大胆人体|
亚洲永久免费视频|
国产日韩亚洲欧美综合|
久久国产精品72免费观看|
国内免费精品永久在线视频|
久久久精彩视频|
在线精品视频一区二区|
美女精品视频一区|
亚洲精品乱码久久久久久蜜桃麻豆
|
欧美一区二区视频观看视频|
国产欧美日本|
久久精品一区蜜桃臀影院|
经典三级久久|
欧美激情无毛|
亚洲一区视频|
国产曰批免费观看久久久|
久久免费午夜影院|
亚洲日本激情|
国产精品久久精品日日|
性欧美在线看片a免费观看|
国产亚洲欧美一区二区三区|
久久视频在线视频|
亚洲麻豆国产自偷在线|
国产精品久久91|
久久久久久午夜|
亚洲精品影院在线观看|
国产精品毛片a∨一区二区三区|
欧美一区二区三区男人的天堂|
伊人春色精品|
欧美日韩播放|
午夜在线视频观看日韩17c|
狠狠爱成人网|
欧美激情久久久|
亚洲免费人成在线视频观看|
国内视频一区|
欧美日韩天堂|
久久国产黑丝|
亚洲美女在线视频|
国产欧美一区二区三区在线看蜜臀
|
亚洲欧洲另类|
国产精品国产一区二区|
久久久久久久久久久久久女国产乱
|
狂野欧美一区|
中国av一区|
国内自拍视频一区二区三区|
欧美精品国产精品|
欧美一区二区三区精品电影|
亚洲欧洲日韩综合二区|
国产精品一区二区a|
蜜臀91精品一区二区三区|
亚洲一级二级|
亚洲第一区色|
国产精品久久中文|
免费成人高清视频|
亚洲欧美制服中文字幕|
亚洲欧洲日本专区|
国产欧美日韩三级|
欧美欧美全黄|
久久青草欧美一区二区三区|
国产精品99久久久久久久vr|
黄色综合网站|
国产精品久久久久久久7电影|
免费观看在线综合|
午夜久久美女|
99精品国产在热久久|
亚洲成人在线|
国产日韩欧美综合精品|
欧美视频在线观看免费|
麻豆成人av|
久久av一区二区|
亚洲专区欧美专区|
日韩亚洲欧美在线观看|
伊人色综合久久天天|
国产精品午夜在线|