JavaScript中的组合模式

  组合模式（Composite Pattern）(构造函数模式 + 原型模式)是一种结构型设计模式，它用于组合模式（Composite Pattern）是一种结构型设计模式，它用于将对象组合成树形结构以表示“部分-整体”的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。

组合模式的主要角色有：
1. 抽象组件（Component）：定义了一个接口，用于创建和管理子组件。
2. 叶子节点（Leaf）：实现了抽象组件接口的具体类，代表叶子节点。
3. 复合节点（Composite）：继承了抽象组件接口，可以包含多个子组件，并实现抽象组件接口。

// 抽象组件
class Component {
  constructor() {}

  operation() {
    throw new Error("You have to implement the method operation!");
  }
}

// 叶子节点
class Leaf extends Component {
  constructor(name) {
    super();
    this.name = name;
  }

  operation() {
    return `${this.name} leaf`;
  }
}

// 复合节点
class Composite extends Component {
  constructor(name) {
    super();
    this.name = name;
    this.children = [];
  }

  add(child) {
    this.children.push(child);
  }

  remove(child) {
    const index = this.children.indexOf(child);
    if (index > -1) {
      this.children.splice(index, 1);
    }
  }

  operation() {
    let result = `${this.name} composite`;
    for (let i = 0; i < this.children.length; i++) {
      result += ` ${this.children[i].operation()}`;
    }
    return result;
  }
}

// 使用示例
const root = new Composite("root");
const child1 = new Leaf("child1");
const child2 = new Leaf("child2");
const child3 = new Composite("child3");
const grandChild1 = new Leaf("grandChild1");
const grandChild2 = new Leaf("grandChild2");

child3.add(grandChild1);
child3.add(grandChild2);
root.add(child1);
root.add(child2);
root.add(child3);

console.log(root.operation()); 

输出

组合模式主要优点在于可以将对象组织成树形结构，从而按照统一的方式处理组合节点和叶子节点。这样做的优点包括简化代码结构、提高操作的一致性和灵活性，以及可以方便地遍历和操作整个树形结构。此外，该模式能够使得程序具有更好的复用性和扩展性。

缺点，首先，它限制了类型的复杂性。例如，当需要对节点的类型施加约束时（如某个目录中只能包含文本文件），由于不能依赖类型系统来直接施加约束，因此必须通过在运行时进行类型检查，这会使得实现变得更加复杂。其次，组合模式可能会使设计变得更加抽象。