动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

30天自动登录
微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

JavaScript观察者模式

04-30 14:46 293浏览
举报 T字号
  • 大字
  • 中字
  • 小字

定义对象之间的一对多依赖关系,以便当一个对象更改状态时,将通知其所有依赖关系。在软件系统中经常会有这样的需求:如果一个对象的状态发生改变,某些与它相关的对象也要随之做出相应的变化。比如说邮件系统,你在收到一封邮件的时候经常桌面上会有通知,告诉你有邮件收到了。再比如,我们要设计一个自动部署的功能,就像eclipse开发时,只要修改了文件,eclipse就会自动将修改的文件部署到服务器中。
观察者模式有个特点:那就是一个对象要时刻监听着另一个对象,只要它的状态一发生改变,自己随之要做出相应的行动。

JavaScript观察者模式的参与者有:

1.被观察者(Subject):知道它的通知对象,事件发生后会通知所有它知道的对象,提供添加删除观察者的接口。

2.观察者(Observer):提供通知后的更新事件

3.具体被观察者(ConcreteSubject):被观察者具体的实例,存储观察者感兴趣的状态。

4.具体观察者(ConcreteObserver):观察者的具体实现。

用 Java 代码表示:

被观察者类:

import java.util.ArrayList;

abstract class Subject {
    private ArrayList<Observer> observers;
    public Subject() {
	observers = new ArrayList<>();
    }
    public void attach(Observer observer) {
 	observers.add(observer);
    }
    public void detach(Observer observer) {
	observers.remove(observer);
    }
    public void notifyObserver(int state) {
	for(Observer o: observers) {
            o.update(state);
	}
    }
}

class ConcreteSubject extends Subject {
    private int subjectState;
    public int getState() {
	return subjectState;
    }
    public void setState(int newState) {
	subjectState = newState;
	System.out.println("subject' state change to " + newState);
	this.notifyObserver(subjectState);
    }
}

观察者类:

interface Observer {
    public void update(int state);
}

class ConcreteObserver1 implements Observer {
    public void update(int state) {
	System.out.println("ConcreteObserver1 know state had changed to " + state);
	doSomething();
    }	
    private void doSomething() {
	System.out.println("ConcreteObserver1 do something!!!");
    }
}

class ConcreteObserver2 implements Observer {
    public void update(int state) {
	System.out.println("ConcreteObserver2 know state had changed to " + state);
	doSomething();
    }	
    private void doSomething() {
	System.out.println("ConcreteObserver2 do something!!!");
    }
}

class ConcreteObserver3 implements Observer {
    public void update(int state) {
	System.out.println("ConcreteObserver3 know state had changed to " + state);
	doSomething();
    }	
    private void doSomething() {
	System.out.println("ConcreteObserver3 do something!!!");
    }
}

客户端调用:

class Client {
    public static void main(String[] args) {
	ConcreteSubject subject = new ConcreteSubject();	
	Observer o1 = new ConcreteObserver1();
	Observer o2 = new ConcreteObserver2();
	Observer o3 = new ConcreteObserver3();
		
	subject.attach(o1);
	subject.attach(o2);
	subject.attach(o3);

	subject.setState(11);
	subject.detach(o2);

	subject.setState(12);
    }
}

运行结果:

观察者模式不难,即一个对象的变化会通知其他对象,其他对象对其改变作出响应的处理。

观察者模式适用于:

1.当一个对象在不知道对方具体是如何实现时需要通知其它对象

2.当一个对象改变需要通知不确定数的对象时

观察者与被观察者之间是属于轻度的关联关系,并且是抽象耦合的,这样,对于两者来说都比较容易进行扩展。JavaScript观察者模式是一种常用的触发机制,它形成一条触发链,依次对各个观察者的方法进行处理。但同时,这也算是观察者模式一个缺点,由于是链式触发,当观察者比较多的时候,性能问题是比较令人担忧的。并且,在链式结构中,比较容易出现循环引用的错误,造成系统假死。JavaScript观察者模式我们就暂且讲到这里,想要深入学习的小伙伴可以去动力节点在线的JavaScript视频教程自主学习。

0人推荐
共同学习,写下你的评论
0条评论
代码小兵696
程序员代码小兵696

118篇文章贡献392976字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

JavaWeb的3大组件

代码小兵49806-11 15:28

全面解析Cookie技术

代码小兵49806-11 15:51

浅谈JavaWeb架构演变

代码小兵49806-11 16:22

探讨Web开发中的Session存储与管理

代码小兵51603-29 17:28

JavaScript基础知识

 04-06 20:49

发评论

举报

0/150

取消