如何使用javascript和php中实现观察者模式代码详解

观察者模式是当某个对象状态发生变化时，依存于该状态的全部对象自动得到通知，被观察者和观察者们是一对多的关系。书中还举了一个非常易懂的例子：获取系统当前时间并输出到命令行中。如果要硬编码也很简单，定义一个方法，先获取时间，然后再处理展示。这样获取时间的功能基本就不能复用了，因为带了个处理展示的拖油瓶。

如果用观察者模式则可以这样：定义两个类，一个用于计时，获取当前时间；另一个用于展示时间。展示时间的类就是观察者，这样做的好处是降低相互的依赖性。第一个类改变后不需要处理任何事物，只需要发出通知告诉它的观察者们，具体事物由它们处理。比如有一天我们想换种形式展示时间，或者用多种方式展示时间，完全不需要牵扯到第一个类。

php实现

//被观察者
class Subject
{
    private $_observers;
    public function __construct() {
        $this->_observers = array();
    }
    public function add_observer($obs) {
        $this->_observers[] = $obs;
    }
    public funtion delete_observer($bos) {
        $index = array_search($bos, $this->_observers);
        unset($this->_observers[$index]);
    }
    public function notify_observers() {
        foreach($this->_observers as $v) {
            $v->update();
        }
    }
}
//观察者
class Observer
{
    public function __construct() {
        do sth;
    }
    public function update() {
        do sth;
    }
}
//实例
$sub = new Subject();
$obs = new Observer();
$sub->add_observer($obs);
$sub->notify_observers();

js实现

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

下载

js实现起来也不麻烦，就是得写些工具函数方便用，比如删除数组指定的元素。下面只用最简单的实现方法。

立即学习“PHP免费学习笔记（深入）”；

//被观察者
function Subject() {
    var _this = this;
    this.observers = [];
    this.addObserver = function(obj) {
        _this.observers.push(obj);
    }
    this.deleteObserver = function(obj) {
        var length = _this.observers.length;
        for(var i = 0; i < length; i++) {
            if(_this.observers[i] === obj) {
                _this.observers.splice(i, 1);
            }
        }
    }
    this.notifyObservers = function() {
        var length = _this.observers.length;
        console.log(length)
        for(var i = 0; i < length; i++) {
            _this.observers[i].update();
        }
    }
}
//观察者
function Observer() {
    this.update = function() {
        alert(1)
    }
}
var sub = new Subject();
var obs = new Observer();
sub.addObserver(obs);
sub.notifyObservers();
var sub = new Subject();