首頁 > web前端 > js教程 > 主體

如何使用javascript和php中實作觀察者模式程式碼詳解

伊谢尔伦
發布: 2017-07-24 15:08:25
原創
1143 人瀏覽過

觀察者模式是當某個物件狀態改變時,依存於該狀態的全部物件自動被通知,被觀察者和觀察者們是一對多的關係。書中也舉了一個非常易懂的例子:取得系統目前時間並輸出到命令列中。如果要硬編碼也很簡單,定義一個方法,先取得時間,然後再處理展示。這樣取得時間的功能基本上就不能重複使用了,因為帶了個處理展示的拖油瓶。

如果用觀察者模式則可以這樣:定義兩個類,一個用於計時,取得當前時間;另一個用於展示時間。展示時間的類別就是觀察者,這樣做的好處是降低相互的依賴。第一個類改變後不需要處理任何事物,只需要發出通知告訴它的觀察者們,具體事物由它們處理。例如有一天我們想換種形式展示時間,或是用多種方式展示時間,完全不需要牽扯到第一個類別。

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實作

js實作起來也不麻煩,就是得寫些工具函數方便用,例如刪除數組指定的元素。下面只用最簡單的實作方法。

//被观察者
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();
登入後複製

以上是如何使用javascript和php中實作觀察者模式程式碼詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板