国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript 中介者模式實例

2019-11-21 00:53:58
字體:
供稿:網(wǎng)友

問題:

  在頁面上,用戶會有很多的操作 ,每進(jìn)行一次操作我們需要去展示操作的結(jié)果,在這里我們有了一個問題,我們應(yīng)如何去展示不同的結(jié)果呢?在展示的過程中我們還要考慮當(dāng)頁面功能不斷的增加與修改,結(jié)果展示也不斷的增多,我們要用一個應(yīng)對這些變化最好的方法解決問題。

解決方法:

  在網(wǎng)盤開發(fā)中就遇到了這樣的一個問題,經(jīng)過幾番的思考,決定了用如下的方式去解決這個問題,先看圖:

 

 從圖中我們可以知道,會使用到一個中介專門去接收使用者的信息,再發(fā)送到相應(yīng)的展示主題,這樣我們就可以解決了展示方式不段改變的問題,如何去展示就是展示主題代碼問題了。

 這個方法也就是我們平常說的中介者模式,如果想了解更多的可以去google或baidu一下中介者模式。

代碼:

  好了,現(xiàn)在我符上一些代碼,如果大家更好的解決方案也可以給我個評論。

復(fù)制代碼 代碼如下:

/*
* 中介
**/
var Mediator = function(){
var self = this;
var _messageObj = {};
this.Register = function(key,obj){
//注冊中介
_messageObj[key] = obj;
},
this.Send = function(key,message){
//根據(jù)客戶Key發(fā)送信息給客戶
if(_messageObj[key]){
_messageObj[key].Receive(message);
}
}
}

/*
* 客戶父類
**/
var MessageBase = function(key,mediator){
mediator.Register(key,this); //注冊中介
}

/*
* 自由主題1
**/
var MessageObj1 = function(key,mediator){
MessageBase.call(this,key,mediator); //繼承父類
this.Receive = function(message){
//接收中介消息
alert("Object1 " + message);
}
}

/*
* 自由主題2
**/
var MessageObj2 = function(key,mediator){
MessageBase.call(this,key,mediator); //繼承父類
this.Receive = function(message){
//接收中介消息
alert("Object2 " + message);
}
}

var med; //中介者
var init = function(){
//客戶代碼
med = new Mediator();
new MessageObj1("m1",med);
new MessageObj2("m2",med);
};

window.onload = function(){
init();
}

使用方法:
復(fù)制代碼 代碼如下:

<a href="javascript://" onclick="med.Send('m1','Good');">test1</a>
<a href="javascript://" onclick="med.Send('m2','GoodBoy');">test2</a>

下載:http://xiazai.VeVB.COm/200912/yuanma/js_zhongjie.rar

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 南陵县| 牡丹江市| 淮南市| 仁寿县| 苍南县| 喀什市| 吴忠市| 伊春市| 托克逊县| 龙岩市| 宁陕县| 濉溪县| 诸暨市| 高碑店市| 巴南区| 涡阳县| 库尔勒市| 宽城| 镇赉县| 盖州市| 循化| 通州市| 沁水县| 仁布县| 广东省| 邹城市| 繁昌县| 镇康县| 巴南区| 山阳县| 同德县| 新和县| 霍邱县| 正镶白旗| 米林县| 临邑县| 普陀区| 澄江县| 万安县| 岳池县| 景东|