JavaScript 中如何实现发布-订阅模式？

推荐答案

-- -------------------- ---- -------
----- ------------ -
  ------------- -
    ----------- - ---
  -

  -- ----
  --------- --------- -
    -- --------------------- -
      ------------------ - ---
    -
    ----------------------------------
  -

  -- ----
  ----------- -------- -
    -- -------------------- -
      ----------------------------------- -- -------------------
    -
  -

  -- ----
  ---------- ----------------- -
    -- -------------------- -
      ------------------ - ---------------------------------- -- -------- --- ------------------
    -
  -
-

-- ----
----- ------------ - --- ---------------

----- --------- - ------ -- -
  --------------------- - ----------- ------
--

----- --------- - ------ -- -
  --------------------- - ----------- ------
--

-------------------------- -----------
-------------------------- -----------

---------------------------- ------- ---------

--------------------------- -----------

---------------------------- ------ ---------

本题详细解读

发布-订阅模式简介

发布-订阅模式（Publish-Subscribe Pattern）是一种消息传递模式，它允许对象（发布者）向多个对象（订阅者）发送消息，而无需知道这些对象的具体信息。这种模式通常用于解耦系统的不同部分，使得它们可以独立地变化和扩展。

实现思路

1. 事件存储：使用一个对象 events 来存储所有的事件及其对应的监听器。每个事件对应一个数组，数组中存储了该事件的所有监听器。
2. 订阅事件：通过 on 方法，将监听器添加到指定事件的监听器数组中。
3. 发布事件：通过 emit 方法，触发指定事件的所有监听器，并传递相应的参数。
4. 取消订阅：通过 off 方法，从指定事件的监听器数组中移除指定的监听器。

代码解析

• on 方法：用于订阅事件。如果事件不存在，则创建一个空数组来存储监听器。然后将监听器添加到该事件的监听器数组中。
• emit 方法：用于发布事件。如果事件存在，则遍历该事件的所有监听器，并依次调用它们，传递相应的参数。
• off 方法：用于取消订阅。如果事件存在，则从该事件的监听器数组中移除指定的监听器。

使用示例

• 首先创建了一个 EventEmitter 实例。
• 然后定义了两个监听器 listener1 和 listener2，并通过 on 方法订阅了 message 事件。
• 接着通过 emit 方法触发了 message 事件，并传递了 'Hello, World!' 作为参数。
• 最后通过 off 方法取消了 listener1 的订阅，并再次触发了 message 事件，此时只有 listener2 会接收到消息。

通过这种方式，发布-订阅模式可以有效地解耦系统中的不同部分，使得它们可以独立地进行扩展和维护。