12、JavaScript 设计模式：桥接模式与组合模式

JavaScript 设计模式：桥接模式与组合模式

1. 桥接模式概述

桥接模式的核心思想是将抽象部分与实现部分分离，使它们可以独立地变化。就像现实生活中的桥梁连接不同的事物一样，在 JavaScript 中，桥接模式可以用于连接多个类。

1.1 连接多个类

以下是一个简单的示例，展示了如何使用桥接模式连接两个类：

var Class1 = function(a, b, c) {
    this.a = a;
    this.b = b;
    this.c = c;
}

var Class2 = function(d) {
    this.d = d;
};

var BridgeClass = function(a, b, c, d) {
    this.one = new Class1(a, b, c);
    this.two = new Class2(d);
};

在这个例子中， BridgeClass 作为桥梁，将 Class1 和 Class2 连接在一起。虽然这看起来有点像适配器模式，但这里并没有真正的客户端期望特定的数据，它只是帮助处理更大的数据集，并将数据发送到相应的类中。

1.2 构建 XHR 连接队列

桥接模式在构建 XHR 连接队列时非常有用。连接队列可以存储请求，并按照“先进先出”的顺序发送到后端服务。以下是构建连接队列的详细步骤：

1.2.1 包含核心工具函数