菜单

Javascript 中介者模式实例_javascript技巧_脚本之家

2019年11月26日 - 计算机服务器

问题:

在页面上,顾客会有大多的操作
,每举办二回操作大家须要去体现操作的结果,在此边我们有了多个主题素材,大家应如何去显得差别的结果吧?在体现的长河中大家还要思谋当页面效果不断的增添与改革,结果体现也声音在耳边不断鸣响的加码,大家要用叁个应对那么些生成最棒的方法解决难点。

排除方法:

金沙国际棋牌下载官网,在网盘开荒中就碰到了这么的三个主题材料,经过几番的思考,决定了用如下的方法去消除这一个难点,先看图:

从图中我们可以见到,会使用到一个中介特地去接收使用者的音信,再发送到相应的来得主题,那样我们就足以消除了呈现格局不段更改的难点,怎么样去显得正是呈现主旨代码难点了。

金沙国际唯一官网,其意气风发法子约等于大家平日说的中介者模式,假使想打听越多的能够去google或baidu一下中介者形式。

代码:

好了,今后本人符上一些代码,即便我们更加好的解决方案也能够给自家个评价。复制代码 代码如下: /* * 中介 **/ var
Mediator = function(){ var self = this; var _messageObj = {};
this.Register = function{ //注册中介 _messageObj[key] = obj; },
this.Send = function{ //根据客商Key发送消息给客商 if{
_messageObj[key].Receive; } } } /* * 客商父类 **/ var MessageBase
= function{ mediator.Register; //注册中介 } /* * 自由主题1 **/ var
MessageObj1 = function{ MessageBase.call; //世袭父类 this.Receive =
function{ //选择中介音讯 alert; } } /* * 自由焦点2 **/ var
MessageObj2 = function{ MessageBase.call; //世袭父类 this.Receive =
function{ //接受中介消息 alert; } } var med; //中介者 var init =
function(){ //顾客代码 med = new Mediator(); new MessageObj1; new
MessageObj2; }; window.onload = function; } 使用办法: 复制代码 代码如下: test1
test2
下载:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图