JavaScript设计模式之中介者模式学习笔记
中介者模式（Mediator Pattern）是一种行为型设计模式，它允许对象间相互通信而无需直接相互引用，从而降低耦合度。在前端开发中，中介者模式可以帮助你更好地组织代码和优化代码结构。
中介者模式的定义
中介者模式定义了一个中介对象来封装一系列对象之间的交互。中介者使各个对象不需要显式地相互引用，从而使其耦合度降低，而且可以独立地改变他们之间的交互方式。
中介者模式的角色
在中介者模式中，有以下几种角色：
- 中介者（Mediator）：定义了各个对象之间交互的接口。
- 具体中介者（Concrete Mediator）：实现了中介者接口，并负责协调各个对象之间的交互关系。
- 同事对象（Colleague）：每个同事对象都知道中介者，并与之通信，但它们之间并不直接通信。
- 具体同事对象（Concrete Colleague）：每个具体同事对象都实现了自己的业务逻辑，但是需要通过中介者来与其他同事对象进行通信。
中介者模式的应用场景
中介者模式适用于以下场景：
- 当一组对象之间的通信方式比较复杂时，可以使用中介者来简化通信。
- 当一个对象需要和其他多个对象有耦合关系时，可以使用中介者来降低耦合度。
中介者模式的示例代码
下面是一个简单的例子，展示了如何使用中介者模式来协调多个同事对象之间的交互关系。假设我们有三个按钮（Button）和一个文本框（TextBox），我们希望当用户点击某个按钮时，文本框中显示相应的文本。这时候我们可以使用中介者模式来实现：
-- -----
----- -------- -
------------- -
------------ - ---
------------ - -----
-
----------------- -
--------------------------
-------------------------
-
------------------- -
------------ - --------
--------------------------
-
--------------------- -
-- ------- --- ---------------- -
------------------------------
- ---- -- ------- --- ---------------- -
------------------------------
- ---- -- ------- --- ---------------- -
--------------------------
-
-
-
-- -------
----- ------ -
------------- -
------------- - -----
-
--------------------- -
------------- - ---------
-
------- -
----------------------------------
-
-
-- --------
----- ------- -
------------- -
------------- - -----
--------- - ---
-
--------------------- -
------------- - ---------
-
------------- -
--------- - -----
-----------------------
-
-
-- -----------------------
----- -------- - --- -----------
----- ------- - --- ---------
----- ------- - --- ---------
----- ------- - --- ---------
----- ------- - --- ----------
----------------------------
----------------------------
----------------------------
-----------------------------
---------------- -- --------
---------------- -- --------
---------------- -- ----在上面的代码中，Mediator 类是中介者，它负责协调各个按钮和文本框之间的交互关系。具体同事对象 Button 和
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/2067