Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erklärung zur Implementierung von Beobachtermustercode in Javascript und PHP

Detaillierte Erklärung zur Implementierung von Beobachtermustercode in Javascript und PHP

伊谢尔伦
伊谢尔伦Original
2017-07-24 15:08:251149Durchsuche

Das Beobachtermuster bedeutet, dass, wenn sich der Zustand eines Objekts ändert, alle Objekte, die vom Zustand abhängen, automatisch benachrichtigt werden. Der Beobachter und die Beobachter haben eine Eins-zu-Viele-Beziehung. Das Buch gibt auch ein sehr leicht verständliches Beispiel: Die aktuelle Systemzeit abrufen und auf der Befehlszeile ausgeben. Wenn Sie es fest codieren möchten, ist es sehr einfach, zuerst eine Methode zu definieren und dann die Anzeige zu verarbeiten. Auf diese Weise kann die Funktion zum Erhalten der Zeit nicht wiederverwendet werden, da es sich um eine Schleppflasche für die Verarbeitungsanzeige handelt.

Wenn Sie das Beobachtermuster verwenden, können Sie zwei Klassen definieren, eine für die Zeitmessung und das Abrufen der aktuellen Zeit; Die Klasse, die die Zeit anzeigt, ist der Beobachter. Dies hat den Vorteil, dass die gegenseitige Abhängigkeit verringert wird. Die erste Klasse muss nach der Änderung nichts mehr bearbeiten. Sie muss lediglich Benachrichtigungen senden, um ihren Beobachtern mitzuteilen, dass bestimmte Dinge von ihnen bearbeitet werden. Beispielsweise möchten wir eines Tages die Uhrzeit in einer anderen Form oder auf mehrere Arten anzeigen, ohne die erste Klasse überhaupt einzubeziehen.

PHP-Implementierung

//被观察者
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-Implementierung

JS-Implementierung ist nicht mühsam, Sie müssen nur ein Tool schreiben Bequem zu verwendende Funktionen, z. B. das Löschen bestimmter Elemente aus einem Array. Im Folgenden wird nur die einfachste Implementierungsmethode verwendet.

//被观察者
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();

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung zur Implementierung von Beobachtermustercode in Javascript und PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn