本文實(shí)例講述了javascript設(shè)計(jì)模式 ? 代理模式原理與用法。分享給大家供大家參考，具體如下：

介紹：代理使我們很常見(jiàn)的一眾模式，proxy,nginx都稱(chēng)之為代理，代理是什么意思呢？代理模式在客戶(hù)端和目標(biāo)對(duì)象之間加入一個(gè)新的代理對(duì)象，代理對(duì)象起到一個(gè)中介作用，去掉客戶(hù)不能看到的內(nèi)容和服務(wù)，或者增添客戶(hù)需要的額外服務(wù)。

定義：給某一個(gè)對(duì)象提供一個(gè)代理，并由代理對(duì)象控制對(duì)原對(duì)象的引用。代理模式是一種對(duì)象結(jié)構(gòu)型模式。

場(chǎng)景：我們還是以畫(huà)圖形為例，我將所有的繪圖動(dòng)作包裝到Shape類(lèi)中，使用代理模式來(lái)部分開(kāi)放功能給客戶(hù)。

示例：

var Shape = function(color){ console.log(’創(chuàng)建了一個(gè)對(duì)象’); this.color = color; this.x; this.y; this.radius; this.setAttr = function(x, y, radius){ this.x = x; this.y = y; this.radius = radius; } this.drawCircle = function(){ console.log(’畫(huà)圓： 顏色：’ + this.color + ’ x:’ + this.x + ’ y:’ + this.y + ’ radius:’ + this.radius) } this.drawSquare = function(){ console.log(’畫(huà)方： 顏色：’ + this.color + ’ x:’ + this.x + ’ y:’ + this.y ) } this.drawTriangle = function(){ console.log(’畫(huà)三角： 顏色：’ + this.color + ’ x:’ + this.x + ’ y:’ + this.y ) }} var proxyShape = function(color, x, y, radius){ this.color = color; this.x = x; this.y = y; this.radius = radius; this.shape = null; this.drawSquare = function(){ if(this.shape === null){ this.shape = new Shape(this.color); this.shape.setAttr(this.x, this.y, this.radius); } this.shape.drawSquare(); }} var square = new proxyShape(’red’, 10, 10);square.drawSquare();square.drawSquare();// 創(chuàng)建了一個(gè)對(duì)象// 畫(huà)方： 顏色：red x:10 y:10// 畫(huà)方： 顏色：red x:10 y:10

你可以在proxyShape中增加一些日志，權(quán)限等任務(wù)。因?yàn)榇眍?lèi)的存在，新增的任務(wù)不會(huì)影響到Shape類(lèi)。

代理模式為對(duì)象的簡(jiǎn)介訪問(wèn)提供了解決方案，可以對(duì)對(duì)象的訪問(wèn)進(jìn)行控制。

代理模式總結(jié)：

優(yōu)點(diǎn)：* 代理模式可以協(xié)調(diào)調(diào)用者和被調(diào)用這，一定程度降低了系統(tǒng)耦合度。

缺點(diǎn)：* 由于增加了代理對(duì)象，因此有些類(lèi)型的代理模式可能會(huì)造成請(qǐng)求的處理速度變慢。* 實(shí)現(xiàn)代理模式需要額外的工作，有些代理模式的實(shí)現(xiàn)非常復(fù)雜。

適用場(chǎng)景：* 當(dāng)客戶(hù)端需要訪問(wèn)遠(yuǎn)程主機(jī)中的對(duì)象時(shí)，可以使用遠(yuǎn)程代理。* 當(dāng)需要用一個(gè)消耗資源較少的對(duì)象來(lái)代表資源消耗較多的對(duì)象，可以使用虛擬代理* 當(dāng)需要控制一個(gè)對(duì)象的訪問(wèn)，為不同用戶(hù)提供不同級(jí)別的訪問(wèn)權(quán)限時(shí)可以使用保護(hù)代理

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。