在前端开发中，事件驱动架构是非常常见的设计模式。而 aurelia-event-aggregator 是一个开源的 npm 包，可以帮助开发者轻松地实现类似的事件驱动架构。
本文将介绍 aurelia-event-aggregator 的使用方法，包括基本概念、常用方法和示例代码。
基本概念
aurelia-event-aggregator 是一个发布-订阅模式的库，可以用于在不同模块之间进行事件通信。其中，发布者是事件的发起者，订阅者则是事件的接收者。
在 aurelia-event-aggregator 中，事件由事件名称和事件数据两部分组成。事件名称用于标识事件的类型，而事件数据则是事件所传递的信息。
常用方法
订阅事件
使用 subscribe 方法可以订阅一个事件。该方法需要接受两个参数，第一个参数为事件名称，第二个参数为事件处理函数。
-- -------------------- ---- ------- ------ - ------ - ---- -------------------- ------ - --------------- - ---- --------------------------- ------------------------ ------ ----- ----------- - ---------------------------- - -- ---- ------------------------------------- --------- -- - ----------------------- --- - -展开代码
上述代码中，我们通过 subscribe 方法订阅了一个名为 my-event 的事件，并且定义了事件处理函数。当该事件被发布时，事件处理函数将会执行。
发布事件
使用 publish 方法可以发布一个事件。该方法需要接受两个参数，第一个参数为事件名称，第二个参数为事件数据。
-- -------------------- ---- ------- ------ - ------ - ---- -------------------- ------ - --------------- - ---- --------------------------- ------------------------ ------ ----- ----------- - ---------------------------- - -- ---- ----------------------------------- - -------- ------ ------- --- - -展开代码
上述代码中，我们通过 publish 方法发布了一个名为 my-event 的事件，并且传递了一个包含 message 属性的事件数据对象。
取消订阅事件
使用 dispose 方法可以取消订阅一个事件。该方法需要接受一个参数，即之前订阅事件所返回的 token 对象。
-- -------------------- ---- ------- ------ - ------ - ---- -------------------- ------ - --------------- - ---- --------------------------- ------------------------ ------ ----- ----------- - ---------------------------- - -- -------- ----- ---------- - ------------------------------------- --------- -- - ----------------------- --- -- ------ --------------------- - -展开代码
上述代码中，我们通过 subscribe 方法订阅了一个名为 my-event 的事件，并保存了订阅事件的 token 对象。然后，通过 dispose 方法取消了这个事件的订阅。
示例代码
下面是一个使用 aurelia-event-aggregator 实现事件通信的简单示例代码。
-- -------------------- ---- ------- -- ------- ------ - ------ - ---- -------------------- ------ - --------------- - ---- --------------------------- ------------------------ ------ ----- ------------------ - ---------------------------- - -- ---- ----------------------------------- - -------- ------ ------- --- - - -- ------- ------ - ------ - ---- -------------------- ------ - --------------- - ---- --------------------------- ------------------------ ------ ----- ------------------- - ---------------------------- - -- ---- ------------------------------------- --------- -- - ----------------------- --- - -展开代码
在上述代码中，我们定义了两个模块。PublisherComponent 模块负责发布一个名为 my-event 的事件，而 SubscriberComponent 模块负责订阅这个事件，并且在事件被触发时将事件数据打印到控制台中。
在实际使用中，我们可以将这两个模块分别嵌入到不同的页面或组件中，从而实现不同模块之间的事件通信。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61767
