在 JavaScript 中，发布订阅模式（Pub/Sub pattern）是一种用于消息传递的设计模式，它通过解耦发送者和接收者来实现松散耦合。发布者发送消息，订阅者接收消息，并进行相应处理。
最新版本的 ECMAScript 2019 中，新增了对发布订阅模式的支持。本文将介绍这一新特性，在实际开发中如何运用它。
示例
在这个例子中，我们将创建一个名为 EventHub 的类，它实现了发布订阅模式。EventHub 类具有以下方法：
on(eventName, listener)：订阅一个事件，当该事件被触发时，listener 函数将被调用。emit(eventName, data)：触发一个事件，同时传递一个数据对象。off(eventName, listener)：取消订阅一个事件。
在下面的示例中，我们将创建一个 EventHub 实例，并使用它来发布和订阅事件：
-- -------------------- ---- -------
----- -------- -
------------- -
----------- - --
-
------------- --------- -
-- ------------------------- -
---------------------- - --
-
-------------------------------------
-
--------------- ----- -
----- --------- - ----------------------
-- ----------- -
-------------------------- -- -
--------------
--
-
-
-------------- --------- -
----- --------- - ----------------------
-- ----------- -
----- ----- - ---------------------------
-- ------ --- --- -
----------------------- --
-
-
-
-
-- ---- -------- --
----- --- - --- ----------
-- ------
--------------- ---- -- ------------------- -----------
-- ------
----------------- --------
-- --------
----- -------- - ---- -- ----------------- ----------
------------- ---------
-------------- ---------应用
在实际应用中，我们可以使用发布订阅模式来解决一些实际问题。下面是一些示例应用：
事件监听器
我们可以使用发布订阅模式来实现事件监听器。当我们需要在某个事件触发时执行一些任务，我们可以将这些任务封装在一个监听器函数中，并将其订阅到对应的事件上。
例如，我们可以在网页中订阅 load 事件，当页面加载完成时，执行一些初始化操作：
window.addEventListener('load', () => {
// 初始化代码
})消息通信
在多个模块之间通信时，我们可以使用发布订阅模式。每个模块可以订阅一些消息，当其他模块发布这些消息时，它们将被通知并执行相应的操作。
例如，我们可以将一个模块订阅 USER_LOGGED_IN 和 USER_LOGGED_OUT 事件，当用户登录或退出时，更新界面上的用户名和登录状态。
插件应用
在编写插件时，我们可以使用发布订阅模式来实现插件之间的消息传递。每个插件可以订阅一些事件，当其他插件触发这些事件时，它们将被通知并执行相应的操作。
例如，我们可以定义一个名为 VuePlugin 的插件，它可以订阅 created 和 mounted 事件，当 Vue 实例被创建和挂载时，执行相应的初始化操作。
总结
在 ECMAScript 2019 中，发布订阅模式成为了 JavaScript 标准的一部分。我们可以使用它来解耦代码，提高代码复用性和可维护性，以及解决一些实际问题。在实际开发中，我们应当积极运用它，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651ff47b95b1f8cacd77e42c