发布订阅模式主要涉及三个对象：发布者、订阅者、主题对象。
发布-订阅模式
定义
发布-订阅模式又称观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖它的对象都将得到通知。在 Javascript 开发中，我们一般用事件模型来替代传统的发布订阅模式。
作用
1.发布-订阅模式可以广泛应用于异步编程中，这是一种替代传统回调函数的方案。比如，我们可以订阅 ajax 请求的 error、success 等事件。或者如果想在动画的每一帧完成之后做一些事情，那我们可以订阅一个事件，然后在动画的每一帧完成之后发布这个事件。在异步编程中使用发布-订阅模式，我们就无需过多关注对象在异步运行期间的内部状态，只需要订阅感兴趣的事件发生点。
2.发布-订阅模式可以取代对象之间硬编码的通知机制，一个对象不用再显式地调用另一个对象的某个接口。发布-订阅模式让两个对象松耦合的联系在一起。当有新的订阅者出现时，发布者的代码不需要任何修改；同样发布者需要改变时，也不影响到之前的订阅者。只要之前约定的事件名没有变化，就可以自由地改变它们。
代码实现
utils/msgCenter.js
class msgCenter {
constructor() {
}
msgObj = new Object();
on = (msgName, func) => {
this.msgObj[msgName] = func;
}
one = (msgName, func) => {
this.msgObj[msgName] = func;
}
emit = (msgName, data) => {
if (!Object.prototype.hasOwnProperty.call(this.msgObj, msgName)) return;
this.msgObj[msgName](data);
}
off = (msgName) => {
if (!Object.prototype.hasOwnProperty.call(this.msgObj, msgName)) return;
delete this.msgObj[msgName];
}
}
export default new msgCenter()
使用：
发布事件
import $SLMC from "@/utils/msgCenter";
$SLMC.emit("DialogShow", data);
订阅事件
import $SLMC from "@/utils/msgCenter";
$SLMC.on("DialogShow", this.DialogShow);
总结
发布-订阅模式的优点非常明显，一为时间上的解耦，二为对象之间的解耦。它的应用非常广泛，既可以用在异步编程中，也可以帮助我们完成更松耦合的代码编写。
当然，发布-订阅模式模式也不是完全没有缺点。创建订阅者本身需要消耗一定的时间和内存，而且当你订阅一个消息后，也许此消息最后都未发生，但这个订阅者会始终存在于内存中。另外，发布-订阅模式虽然可以弱化对象之间的联系，但如果过度使用的话，对象和对象之间的必要联系也将深埋在背后，会导致程序难以维护和理解。特别是有多个发布者和订阅者嵌套到一起的时候，要跟踪一个 bug 不是件轻松的事情。
