PHP版本

<?php

/**

 * 观察者模式

 * 观察者模式能够便利的创建查看目标对象状态的对象，并且提供与核心对象非耦合的指定性功能。

 *

 * 为软件添加由某个动作或状态变化激活的，但是松散耦合的新功能时，应当创建基于观察者模式的对象。

 *

 * SPL：Standard PHP Library PHP标准库

 */

class User implements SplSubject{

    public $lognum;

    public $hobby;

    protected $_observers = NULL;

    public function __construct($hobby) {

        $this->lognum = rand(1,10);

        $this->hobby = $hobby;

        $this->_observers = new SplObjectStorage();

    }

    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 Login implements SplObserver{

    public function update(SplSubject $subject) {

        echo "登录次数：".$subject->lognum.'<br>';

    }

}

//实施观察

$user = new User('学习');

$user->attach(new Login());

$user->login();

//添加模块

class Hobby implements SplObserver{

    public function update(SplSubject $subject) {

        echo "爱好：".$subject->hobby;

    }

}

$hobby = new Hobby;

$user->attach($hobby);

$user->login();

echo '<br>';

//删除观察模块

$user->detach($hobby);

$user->login();

JS版本

<!DOCTYPE html>

<!--

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

-->

<html>

    <head>

        <title>观察者模式</title>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <style>

            div{border:solid gray 1px;margin-top:10px;height: 100px;width: 200px;}

        </style>

    </head>

    <body>

        <h1>观察者模式</h1>

        <select>

            <option value="1">风格1</option>

            <option value="2">风格2</option>

        </select>

        <button onclick="detachC()">不观察C</button>

        <button onclick="attachC()">观察C</button>

        <!--模块一-->

        <div id="A">A</div>

        <!--模块二-->

        <div id="B">B</div>

        <!--模块三-->

        <div id="C">C</div>

        <script>

            //观察者

            var sel = document.getElementsByTagName('select')[0];

            sel.observers = {}

            sel.attach = function(key, obj) {

                this.observers[key] = obj;

            }

            sel.detach = function(key) {

                delete this.observers[key];

            }

            sel.onchange = sel.notify = function() {

                for (var key in this.observers) {

                    this.observers[key].update(this);

                }

            }

            //被观察对象及操作

            var a = document.getElementById('A');

            var b = document.getElementById('B');

            a.update = function(observe) {

                if (1 == observe.value) {

                    this.innerHTML = 'A模块：风格1';

                }

                if (2 == observe.value) {

                    this.innerHTML = 'A模块：风格2';

                }

            }

            b.update = function(observe) {

                if (1 == observe.value) {

                    this.innerHTML = 'B模块：风格1';

                }

                if (2 == observe.value) {

                    this.innerHTML = 'B模块：风格2';

                }

            }

            //开启观察

            sel.attach('a', a);

            sel.attach('b', b);

            //添加观察C模块

            var c = document.getElementById('C');

            c.update = function(observe) {

                if (1 == observe.value) {

                    this.innerHTML = 'C模块：风格1';

                }

                if (2 == observe.value) {

                    this.innerHTML = 'C模块：风格2';

                }

            }

            sel.attach('c', c);

            //取消观察

            function attachC(){

                sel.attach('c',c);

            }

            function detachC(){

                sel.detach('c');

            }

        </script>

    </body>

</html>

PHP设计模式——观察者模式的更多相关文章

  1. 18. 星际争霸之php设计模式--观察者模式

    题记==============================================================================本php设计模式专辑来源于博客(jymo ...

  2. linkin大话设计模式--观察者模式

    linkin大话设计模式--观察者模式 观察者模式定义了对象间的一对多依赖关系,让一个或者多个观察者观察一个对象主题.当主题对象的状态发生改变的时候,系统能通知所有的依赖于此对象的观察者对象,从而能自 ...

  3. java设计模式--观察者模式(Observer)

    java设计模式--观察者模式(Observer) java设计模式--观察者模式(Observer) 观察者模式的定义: 定义对象间的一种一对多的依赖关系.当一个对象的状态发生改变时,所有依赖于它的 ...

  4. js设计模式-观察者模式

    定义: 观察者模式又叫发布订阅模式,它定义了对象间的一种一对多的依赖关系.观察者模式让两个对象松耦合地联系在一起,虽然不太清楚彼此的细节,但这不影响他们之间的互相通信. 思路 定义一个对象,在对象中实 ...

  5. 【设计模式】Java设计模式 - 观察者模式

    [设计模式]Java设计模式 - 观察者模式 不断学习才是王道 继续踏上学习之路,学之分享笔记 总有一天我也能像各位大佬一样 @一个有梦有戏的人 @怒放吧德德 分享学习心得,欢迎指正,大家一起学习成长 ...

  6. [Head First设计模式]山西面馆中的设计模式——观察者模式

    系列文章 [Head First设计模式]山西面馆中的设计模式——装饰者模式 引言 不知不自觉又将设计模式融入生活了,吃个饭也不得安生,也发现生活中的很多场景,都可以用设计模式来模拟.原来设计模式就在 ...

  7. javascript 设计模式-----观察者模式

    观察者模式在设计模式中被重点提到,因为它应用的场景非常多,而且在模块化设计当中扮演着非常重要的角色.MVC模式中最底层的就是观察者模式,当下流行的javascript框架backbone就是很好地运用 ...

  8. c#设计模式-观察者模式

    Observer 与 Subject 互为耦合,但是这种耦合的双方都依赖于抽象,而不依赖于具体. 一.观察者模式 目的 我们都知道解决一个问题有N种解决方式,但在面向对象的设计中如何能做到“高内聚,低 ...

  9. JAVA 设计模式 观察者模式

    用途 观察者模式 (Observer) 观察者模式定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象. 这个主题对象在状态发生变化时,会通知所有观察者对象,使它们能够自动更新自己. 观 ...

  10. IOS设计模式-观察者模式

    前言:23种软件设计模式中的观察者模式,也是在软件开发中,挺常用的一种设计模式.而在苹果开发中,苹果Cocoa框架已经给我们实现了这个设 计模式,那就是通知和KVO(Key-Value Observi ...

随机推荐

  1. shell 对字符的求长

    一,测试环境 echo "To the world you may be one person but to one person you may be the world" 对于 ...

  2. Angular4+NodeJs+MySQL 入门-01

    有一定的后台开发经验ES6语法.后台没有用框架来,纯自己写.会sql语句 安装NodeJS的安装 从网上下载 https://nodejs.org/en/ 选择自己,我用的是最新版本 Angular ...

  3. 【LDAP】ldap目录服务的命名模型

    ldap的命名模型 命名模型规定了在目录中如何组织和表示条目 1.   目录信息树(DIT) 目录信息树有点类似于DNS的结构.每一个条目都有自己的父条目(因为主条目的父条目是top,所以这句话是成立 ...

  4. The Definitive C++ Book Guide and List--reference

    http://stackoverflow.com/questions/388242/the-definitive-c-book-guide-and-list Reference Style - All ...

  5. Javascript怎么跳出循环，嵌套循环。

    今天要实现一个功能,在数组a中的每一项,对应数组b中的每一项,如果对应上了就给数组b的checked增加ture属性,如果查找不到就给数组b的checked增加false属性. 如果有哪里写的不对欢迎 ...

  6. 8、列表：ion-list

    1.基本样式 no-lines 属性 隐藏列表项之间的分割符 inset 属性 去掉 ion-list的 外边框. 默认 的 ion-list 是有外边框的.   /* ---示例代码----*/ & ...

  7. CentOS-7 本地yum源挂载

    在Linux无法连接到互联网时,手动安装依赖是及其麻烦的一件事,需要花费大量的时间寻找rpm包.但在配置本地yum源后,绝决依赖问题就会变得非常简单. 一.准备 centos-7.ISO镜像文件: 二 ...

  8. 一般处理程序、ASP.NET和MVC的区别

    这个问题说起来,我有点惭愧 想当初在大学里学的就是ASP.NET WebForms 在实习期间也是用的WebForms来开发网站,然后就觉得.NET开发网站就是用这个开发模式 现在想想都想笑...实在 ...

  9. Spring Cloud Ribbon负载均衡配置类放在Spring boot主类同级增加Exclude过滤后报Field config in com.cloud.web.controller.RibbonConfiguration required a bean of type 'com.netflix.client.config.IClientConfig' that could not b

    环境: Spring Cloud:Finchley.M8 Spring Boot:2.0.0.RELEASE 目录结构: 可以看到代码第13行的注释,我已经在@ComponentScan注解中添加了E ...

  10. alpinelinux

    https://wiki.alpinelinux.org/wiki/Tutorials_and_Howtos https://nixos.org/nix/manual/#ch-installing-b ...