前言

前面介绍了,前端设计模式的单例模式。现在我们来学习第二种实际模式。观察者模式(发布订阅模式)


一、观察者模式是什么?

顾名思义,就像是你是一个特工,你的任务是监视一个***。只有这个***有行动,你就会行动。我们开发中其实一直都在使用这种模式只是我们没有注意到。那么有观察者模式我们在哪里用到过呢?

  • 点击事件(我们不知道用户什么时候才会点击,所以我们只需要监听是否点击。)
document.body.addEventListener( 'click', function(){
alert(2);}, false );
document.body.click(); // 模拟用户点击

在vue中观察者模式也是经常使用

二、使用场景

行动不可预期的业务功能,可以使用发布订阅模式(观察者模式)


总结

观察者模式,在前端的编程中随处可见,大家只需要留意一下就可以在平时的代码生活中看到很多的观察者模式。