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. Blockly

    Blockly简介 A library for building visual programming editors.  Blockly 是个库,可用来构建可视化编程编辑器 Blockly is b ...

  2. shell的常用脚本一

    批量创建用户名脚本: ######################################################################### # File Name: cr ...

  3. DB Intro - MongoDB User

    MongoDB 3.0 用户创建   摘要: MongoDB 3.0 安全权限访问控制,在添加用户上面3.0版本和之前的版本有很大的区别,这里就说明下3.0的添加用户的方法. 环境.测试: 在安装Mo ...

  4. 9 Essential Free Linux Transcoders（转码）

    需要转码的理由千万种,所幸除了硬件转码之外,Linux平台还有很多开源工具可以借鉴,如该文章所示: 原文来自:9 Essential Free Linux Transcoders(http://www ...

  5. flex buider 4.6 打开设计模式（designer）时提示内存不足错误的解决办法

    先申明,此方法只适用于flex builder 4.6及以下版本, flex builder 4.7以后已经完全取消了designer功能,是没有办法补救的. 1. 首先下载APE文件,这个文件好像是 ...

  6. MsysGit下GUI乱码问题解决

    在Windows下安装Git-preview-1.7.4后,使用中发现许多的乱码问题,感觉甚是不便.这是因为Git是在linux下开发的管理软件,而linux的编码方式是基于UTF-8的,所以移植到W ...

  7. swpuctf-web部分学习总结

    1.用优惠码 买个 X ? (1)第一步: 这道题第一步主要知道利用php的随机种子数泄露以后就可以利用该种子数来预测序列,而在题目中会返回15位的优惠码,但是必须要24位的优惠码,因此要根据15位的 ...

  8. SQL中CASE 的用法 转载

    sql语言中有没有类似C语言中的switch case的语句?? 没有,用case   when   来代替就行了.              例如,下面的语句显示中文年月 select getdat ...

  9. Table 边框合并(collapse)

    border-collapse:collapse 用于表格属性, 表示表格的两边框合并为一条; <style type="text/css"> table { bord ...

  10. 循环结构 while

    while 循环语句可以根据某些条件重复执行一条t-sql 语句或一个语句块 语法: while (条件) begin 语句或语句块 end 程序调试 alt+f5 启动调试 f9 切换断点  f10 ...