观察者模式 刺骨的言语ヽ痛彻心扉 2022-07-21 00:24 15阅读 0赞 js观察者模式 <!DOCTYPE> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta content="text/html" charset="utf-8"> </head> <style> div{ margin:10px; width:500px; height:200px; border:1px solid red; } #ad{ border: 1px solid blue; } </style> <script> window.onload = function(){ var sel = document.getElementById('subject'); sel.observers = {}; var content = document.getElementById('content'); var ad = document.getElementById('ad'); var study = document.getElementById('study'); //添加观察者 sel.attach = function(key,obj){ this.observers[key] = obj; } //删除观察者 sel.detach = function(key){ delete this.observers[key]; } //通知观察者 sel.onchange = sel.notice = function(){ for(var key in this.observers){ this.observers[key].update(this); } } //观察者更新规则 content.update = function(subject){ if(subject.value == 'male') this.style.background = 'blue'; else if(subject.value == 'female') this.style.background = 'pink'; } ad.update = function(subject){ if(subject.value == 'male') this.innerHTML = '汽车'; else if(subject.value == 'female') this.innerHTML = '美容'; } study.update = function(subject){ if(subject.value == 'male') this.innerHTML = '如何年薪百万,迎娶白富美'; else if(subject.value == 'female') this.innerHTML = '如何做美丽女强人'; } //添加观察者 sel.attach('content',content); sel.attach('ad',ad); sel.attach('study',study); } </script> <body> <h1>观察者模式切换</h1> <select name="" id="subject"> <option value="male">男式风格</option> <option value="female">女士风格</option> </select> <div id="content">我是内容</div> <div id="ad">我是广告</div> <div id="study">学习</div> </body> </html> php观察者模式 <?php //被观察对象类 class user implements SplSubject{ public $lognum; public $hobby; public function __construct($hobby){ $this->lognum = rand(1,10); $this->hobby = $hobby; $this->observers = new SplObjectStorage(); //spl标准库对象,存储观察者的存储对象 } public function login(){ $this->notify(); } public function attach(SplObserver $observer){ $this->observers->attach($observer); } public function detach(SplObserver $observer){ $this->observers->detach($observer); } public function notify(){ $this->observers->rewind(); //将指针指向对象头部 while($this->observers->valid()){ $observer = $this->observers->current(); //弹出一个观察者对象 $observer->update($this); $this->observers->next(); } } } //观察者类 class secrity implements SplObserver{ public function update(SplSubject $subject){ if($subject->lognum <3) echo '这是你第'.$subject->lognum.'次登录'; else echo '这是你第'.$subject->lognum.'次登录,登录异常'; } } class ad implements SplObserver{ public function update(SplSubject $subject){ if($subject->hobby == 'sport') echo "\n".'直播欧冠决赛'; else echo "\n".'买买买'; } } //进行观察 $user = new user('sport'); $user->attach(new secrity()); $user->attach(new ad()); $user->login();
相关 观察者模式 include <iostream> include <string> include <list> using namespace std; 末蓝、/ 2022年09月24日 11:27/ 0 赞/ 17 阅读
相关 观察者模式 观察者模式 Observer 观察者模式定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象。 这个主题对象在状态上发生变化时,会通知所有观察者对 梦里梦外;/ 2022年08月03日 08:20/ 0 赞/ 22 阅读
相关 观察者模式 js观察者模式 <!DOCTYPE> <html> <head> <title> New Document </title> 刺骨的言语ヽ痛彻心扉/ 2022年07月21日 00:24/ 0 赞/ 16 阅读
相关 观察者模式 什么是观察者模式 有人这么说 > 观察者模式定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象。 > > 这个主题对象在状态上发生变化时,会通知所有观 梦里梦外;/ 2022年07月20日 12:05/ 0 赞/ 286 阅读
相关 观察者模式 场景描述: 一个气象站应用,可以实时获取温度、湿度和气压信息,气象站提供一个封装好的类WeatherData,该类有最新的气象信息,当这些信息发生变动的时候,类中的meas 叁歲伎倆/ 2022年06月14日 10:24/ 0 赞/ 172 阅读
相关 观察者模式 观察者模式:定义了对象之间的一对多的依赖,这样一来,当一个对象改变状态时,它的所有依赖者都会收到通知并自动更新。 观察者模式图: ![输入图片说明][13105107_Mf 旧城等待,/ 2022年06月03日 02:41/ 0 赞/ 281 阅读
相关 观察者模式 什么是观察者模式? 简单的来说,观察者模式=出版者+订阅者。用比较书面的话来说的话是:定义了对象之间的一对多依赖,当一所对应的对象状态改变时,它的所有依赖者都会收到通知并 你的名字/ 2022年02月01日 13:53/ 0 赞/ 408 阅读
相关 观察者模式 当对象间存在一对多关系时,则使用观察者模式(Observer Pattern)。比如,当一个对象被修改时,则会自动通知它的依赖对象。观察者模式属于行为型模式。 意图:定义对象 系统管理员/ 2021年09月17日 01:36/ 0 赞/ 493 阅读
相关 观察者模式 对象间存在一对多关系时,则使用观察者模式(Observer Pattern)。比如,当一个对象被修改时,则会自动通知它的依赖对象。观察者模式属于行为型模式。 介绍 ... 小灰灰/ 2020年06月13日 05:42/ 0 赞/ 591 阅读
还没有评论,来说两句吧...