js 组合模式

组合模式是一种结构型设计模式，它允许你将对象组合成树形结构，并且能够以相同的方式处理单个对象和组合对象。

在组合模式中，有两种类型的对象：叶子节点和组合节点。叶子节点表示树结构中的最小单元，而组合节点表示由多个叶子节点组成的复合对象。

组合模式的核心思想是将叶子节点和组合节点看作是一致的，它们都有相同的接口。这使得客户端程序可以以相同的方式处理单个对象和组合对象。

在 JavaScript 中，可以使用对象字面量来实现组合模式。以下是一个示例：

const leaf = {
  operation: function() {
    return "Leaf";
  }
};

const composite = {
  children: [],

  add: function(component) {
    this.children.push(component);
  },

  remove: function(component) {
    const index = this.children.indexOf(component);
    this.children.splice(index, 1);
  },

  operation: function() {
    let result = "Composite(";

    for (let i = 0; i < this.children.length; i++) {
      result += this.children[i].operation();

      if (i < this.children.length - 1) {
        result += "+";
      }
    }

    result += ")";
    return result;
  }
};

const tree = Object.create(composite);
tree.add(Object.create(leaf));
tree.add(Object.create(leaf));
tree.add(Object.create(leaf));

const subtree = Object.create(composite);
subtree.add(Object.create(leaf));
subtree.add(Object.create(leaf));

tree.add(subtree);

console.log(tree.operation()); // Output: Composite(Leaf+Leaf+Leaf+Composite(Leaf+Leaf))

在上面的示例中，我们定义了一个 leaf 对象和一个 composite 对象。leaf 对象表示叶子节点，而 composite 对象表示组合节点。composite 对象包含一个 children 数组，它用于存储子节点。add 和 remove 方法用于向组合节点添加或删除子节点。operation 方法用于执行操作。

我们还创建了一个 tree 对象，它是一个组合节点，包含三个叶子节点和一个子组合节点。子组合节点 subtree 包含两个叶子节点。最后，我们调用 tree.operation() 方法，输出树的结构。

总之，组合模式是一种非常实用的设计模式，它可以帮助我们将复杂的系统分解成更简单的部分，并且能够以相同的方式处理不同层次的对象