如何在 Javascript 中将中介者模式与中介者的多个实例一起使用？

Question

据我了解，使用中介者模式看起来像：

• 仅模块发布，但不订阅。中介者订阅事件并让其他模块根据这些事件执行操作。

例如，假设我们有一个 javascript 编辑器。假设有一个编辑器（用于代码）和一个运行选项卡（您可以在其中单击运行并查看代码的输出）。每一个都是它自己的模块。当用户点击运行时，运行选项卡模块会输出一个类似“runButtonClicked”的事件，中介订阅该事件并在该事件触发时运行代码。这个例子有点做作和简化，但希望这能让我对我想要实现的目标有所了解。

假设您有一些“类”Mediator，每个模块都通过 Pub/Sub 与之通信。

如果我正确理解了这种模式，那么这一切都是有道理的。但是，当您希望在页面上拥有此核心“应用程序”的多个实例时，似乎出现了一个问题——应用程序如何知道要响应哪些事件以及哪些事件应该留给页面上的其他实例？

似乎我想要多个中介，但我不确定这些将如何传递到对象中。

var mediator = new Mediator();
var moduleOne = new moduleOne(mediator);
var moduleTwo = new moduleTwo(mediator);

这种方法似乎有问题，因为我想访问调解器内部的这两个模块。

我还听说过与中介一起使用的沙盒/外观模式，但我不确定其中任何一个是否会有所帮助（也就是说，我不太了解它们）。

更新 我刚刚找到Mediator pattern and creation，这似乎是一个可能的解决方案。但我也想知道我是否正确地使用和思考这些模式。

Answer 1

应用程序的每个实例都需要自己的事件空间（或通道），因此它的事件不会污染其他实例。如果应用程序实例需要相互通信，那么这可能需要更多的事件空间。根据您使用的事件库，有几种方法可以做到这一点：

1. jQuery 事件支持命名空间，因此如果每个应用程序实例都有一个唯一的名称，您可以使用应用程序名称作为命名空间来隔离事件。

2. EventEmitter 库支持创建多个 EventEmitter 实例，这与由 jQuery 单例管理事件的 jQuery 不同。在这种情况下，您可以将其自己的 EventEmitter 实例附加到每个应用程序。

3. 如果您的库没有创​​建事件空间的良好机制，您也可以使用调解器模式自行开发。在这种情况下，您可以为每个命名空间创建一个中介。

中介者模式可以与选项 1 和 2 结合使用，上面的列表绝不是详尽的。

这种方法似乎有问题，因为我想访问调解器内部的这两个模块。

为了将调解器与其管理的模块连接起来，我认为您需要一个单独的方法来做到这一点。也许像

var mediator = new Mediator();
var moduleOne = new moduleOne;
var moduleTwo = new moduleTwo;
moduleOne.mediator = mediator;
mediator.register(moduleOne);
moduleTwo.mediator = mediator;
mediator.register(moduleTwo);