DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript的設計模式經典之代理模式
JavaScript的設計模式經典之代理模式
編輯:關於JavaScript     

 一、代理模式概念

說明:顧名思義就是用一個類來代替另一個類來執行方法功能,這個模式跟裝飾模式有點相似,不一樣的是,代理模式是代替客戶初始化被代理對象類,而裝飾模式采用接口或初裝飾者參數引用的方式來執行的。

解釋:房屋中介,可以代理幫助賣家把房子賣給買家,這中間賣家說要賣的價錢就可以了,買家也可以提出自己要買的房型,中介可以幫忙處理中間環節。最後達成買賣。中介可以同時代理很多房屋買賣,並且可以代理租房事宜。

二、代理模式的作用和注意事項

模式作用:

1、遠程代理(一個對象將不同空間的對象進行局部代理)

2、虛擬代理(根據需要創建開銷很大的對象如渲染網頁暫時用占位代替真圖)

3、安全代理(控制證實對象的訪問權限)

4、智能指引(調用對象代理處理另外一些事情如垃圾回收機制)

注意事項:

1、不能濫用代理,有時候僅僅是給代碼增加復雜度

三、代理模式代碼和實戰總結

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//代理模式需要三方
//1.買家
function maijia(){
this.name = "小明";
this.money = "30萬";
}
//2.中介
function zhongjie(){
}
zhongjie.prototype.maifang = function(){
//new fongdong(new maijia()).maifang("20萬");
new fongdong(new maijia()).maifang("20萬");
}
//3.賣家
function fongdong(maijia){
this.maijia_name = maijia.name;
this.maijia_money = maijia.money;
this.maifang = function(money){
// alert("收到了來自【"+this.maijia_name+"】"+money+"人民幣");
alert("收到了來自【"+this.maijia_name+"】"+this.maijia_money+"人民幣");
}
}
(new zhongjie()).maifang();
</script>
<script>
// A2B
function A(){
this.money = "20RMB";
}
function to(){
if(!(this instanceof to)){
return new to;
}
}
to.prototype.maifang = function(){
var a = new A();
new B().maifang(a.money);
}
function B(){
this.maifang = function(money){
alert("收到了錢"+money);
}
}
(new to()).maifang();
to().maifang();
</script>
</body>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved