观察者模式

最新推荐文章于 2024-04-25 22:37:07 发布

胡图图你游不听话了

最新推荐文章于 2024-04-25 22:37:07 发布

阅读量78

点赞数

文章标签：观察者模式

本文链接：https://blog.csdn.net/weixin_40878286/article/details/100611794

版权

订阅，订餐，就是等到一个时机就触发

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		window.onload = function(){
	    //主题，保存状态，状态变化后触发所有者观察者对象
        class Subject {
        	constructor() {
        		this.state = 0;
        		this.observers = [];
        	}
        	getState() {
        		return this.state;
        	}
        	setState(state) {
        		this.state = state
        		this.notifyAllObservers()
        	}
        	notifyAllObservers() {
        		this.observers.forEach(observer =>{
        			observer.update()
        		})
        	}
        	attach(observer) {
        		this.observers.push(observer)
        	}
        }
        class Observer{
        	constructor(name,subject) {
        		this.name = name;
        		this.subject = subject;
        		this.subject.attach(this)
        	}
        	update() {
        		console.log(`${this.name} update,state: ${this.subject.getState()}`)
        	}
        }
        let s = new Subject()
        let o1 = new Observer('01',s)
        console.log(o1)
        s.setState(1)
        
		}
	</script>
</html>

胡图图你游不听话了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
观察者模式

订阅，订餐，就是等到一个时机就触发<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javas...
复制链接

扫一扫