在頁(yè)面上，用戶會(huì)有很多的操作 ，每進(jìn)行一次操作我們需要去展示操作的結(jié)果，在這里我們有了一個(gè)問(wèn)題，我們應(yīng)如何去展示不同的結(jié)果呢？在展示的過(guò)程中我們還要考慮當(dāng)頁(yè)面功能不斷的增加與修改，結(jié)果展示也不斷的增多，我們要用一個(gè)應(yīng)對(duì)這些變化最好的方法解決問(wèn)題。
解決方法：
在115的網(wǎng)盤開(kāi)發(fā)中就遇到了這樣的一個(gè)問(wèn)題，經(jīng)過(guò)幾番的思考，決定了用如下的方式去解決這個(gè)問(wèn)題，先看圖：
從圖中我們可以知道，會(huì)使用到一個(gè)中介專門去接收使用者的信息，再發(fā)送到相應(yīng)的展示主題，這樣我們就可以解決了展示方式不段改變的問(wèn)題，如何去展示就是展示主題代碼問(wèn)題了。
這個(gè)方法也就是我們平常說(shuō)的中介者模式，如果想了解更多的可以去google或baidu一下中介者模式。
代碼：
好了，現(xiàn)在我符上一些代碼，如果大家更好的解決方案也可以給我個(gè)評(píng)論。
代碼如下:
/*
* 中介
**/
var Mediator = function(){
var self = this;
var _messageObj = {};
this.Register = function(key,obj){
//注冊(cè)中介
_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); //注冊(cè)中介
}
/*
* 自由主題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();
}
使用方法：
代碼如下:
test1
test2
演示代碼:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
