概要

Composite Patternは、オブジェクトを木構造で表現し、個々のオブジェクトとその集合を同一視することができるデザインパターンです🌲

クライアントが透過的にオブジェクトを扱えるので、非常に便利です。

Compositeは子要素を持つオブジェクト、Leafは子要素を持たないオブジェクトを指します。まさに前者がフォルダ、後者はファイルみたいなイメージ👀

今回示すプログラムの設計

ファイルシステムを例に、Composite Patternの実装方法を説明します。

ここでは、ファイル（File）とフォルダ（Folder）を表現するクラスを作成し、それらを木構造で表現します。

サンプルコード

abstract class Component {
  abstract getName(): string;
  abstract getSize(): number;
}

class File extends Component {
  constructor(private name: string, private size: number) {
    super();
  }

  getName(): string {
    return this.name;
  }

  getSize(): number {
    return this.size;
  }
}

class Folder extends Component {
  private children: Component[] = [];

  constructor(private name: string) {
    super();
  }

  add(component: Component): void {
    this.children.push(component);
  }

  getName(): string {
    return this.name;
  }

  getSize(): number {
    return this.children.reduce((acc, child) => acc + child.getSize(), 0);
  }
}

クラス図

クラス名	役割
`Component`	抽象クラス。FileとFolderの共通インタフェースを定義する。
`File`	Leafクラス。ファイルを表現する。
`Folder`	Compositeクラス。フォルダを表現し、Componentオブジェクトを格納する。