面试官必问系列：手写发布-订阅模式和观察者模式

目录

前言

1、发布-订阅模式

定义

手写发布-订阅模式

2、观察者模式

定义

手写观察者模式

3、二者的根本区别

---

前言

发布-订阅者模式和观察者模式是两种设计模式，本质相同，但是也有区别，在Vue中有不同的应用场景。二ue响应式数据的基础，有关数据代理与数据劫持的知识点，可以参考这篇文章同学刷抖音的间隙，我学会了Vue数据代理与数据劫持的原理_czjl6886的博客-CSDN博客

1、发布-订阅模式

定义

存在一个“信号中心”，某个任务完成，就向信号中心，发布（publish）一个信号，其他任务向信息中心订阅（subscribe）这个信号，从而知道自己什么时候可以开始执行，即：发布-订阅模式。

手写发布-订阅模式

伪代码中：emit触发事件，发布数据，on订阅这个事件，接收该数据 ，即：on-订阅, off取消订阅, emit发布

<script>
    class EventEmitter{
      constructor(){
        // 初始化为一个空的新对象
        // 在vm上创建一个_events对象，用来存放事件
        this._events=Object.create(null)
      }
      // 监听事件，获得emit触发事件后提供的数据
      on(event,fn){
        // 如果是数组࿰