春のセール
Bridge

Bridge を TypeScript で

Bridge 構造に関するデザインパターンの一つで ビジネス・ロジックや巨大なクラスを独立して開発可能なクラス階層に分割します

階層の一つ 抽象化と呼ばれる 二つ目の階層 実装 のオブジェクトへの参照を持ちます 抽象化階層は その呼び出しのいくつか 場合によっては大多数 を実装階層のオブジェクトに委任します すべての実装は 共通のインターフェースを持っているので 抽象化の中で入れ替え可能です

複雑度

人気度

使用例 Bridge パターンは クロス・プラットフォーム・アプリを扱う時 複数の種類のデータベース・サーバーをサポートする時 あるいはある種の API プロバイダー クラウド・プラットフォーム ソーシャル・ネットワークなど を複数利用したい場合に特に便利です

見つけ方 Bridge は 制御するものと それが依存するいくつかの異なるプラットフォームとが明らかに分かれていることから識別できます

概念的な例

この例は Bridge デザインパターンの構造を説明するためのものです 以下の質問に答えることを目的としています

  • どういうクラスからできているか
  • それぞれのクラスの役割は
  • パターンの要素同士はどう関係しているのか

index.ts: 概念的な例

/**
 * The Abstraction defines the interface for the "control" part of the two class
 * hierarchies. It maintains a reference to an object of the Implementation
 * hierarchy and delegates all of the real work to this object.
 */
class Abstraction {
    protected implementation: Implementation;

    constructor(implementation: Implementation) {
        this.implementation = implementation;
    }

    public operation(): string {
        const result = this.implementation.operationImplementation();
        return `Abstraction: Base operation with:\n${result}`;
    }
}

/**
 * You can extend the Abstraction without changing the Implementation classes.
 */
class ExtendedAbstraction extends Abstraction {
    public operation(): string {
        const result = this.implementation.operationImplementation();
        return `ExtendedAbstraction: Extended operation with:\n${result}`;
    }
}

/**
 * The Implementation defines the interface for all implementation classes. It
 * doesn't have to match the Abstraction's interface. In fact, the two
 * interfaces can be entirely different. Typically the Implementation interface
 * provides only primitive operations, while the Abstraction defines higher-
 * level operations based on those primitives.
 */
interface Implementation {
    operationImplementation(): string;
}

/**
 * Each Concrete Implementation corresponds to a specific platform and
 * implements the Implementation interface using that platform's API.
 */
class ConcreteImplementationA implements Implementation {
    public operationImplementation(): string {
        return 'ConcreteImplementationA: Here\'s the result on the platform A.';
    }
}

class ConcreteImplementationB implements Implementation {
    public operationImplementation(): string {
        return 'ConcreteImplementationB: Here\'s the result on the platform B.';
    }
}

/**
 * Except for the initialization phase, where an Abstraction object gets linked
 * with a specific Implementation object, the client code should only depend on
 * the Abstraction class. This way the client code can support any abstraction-
 * implementation combination.
 */
function clientCode(abstraction: Abstraction) {
    // ..

    console.log(abstraction.operation());

    // ..
}

/**
 * The client code should be able to work with any pre-configured abstraction-
 * implementation combination.
 */
let implementation = new ConcreteImplementationA();
let abstraction = new Abstraction(implementation);
clientCode(abstraction);

console.log('');

implementation = new ConcreteImplementationB();
abstraction = new ExtendedAbstraction(implementation);
clientCode(abstraction);

Output.txt: 実行結果

Abstraction: Base operation with:
ConcreteImplementationA: Here's the result on the platform A.

ExtendedAbstraction: Extended operation with:
ConcreteImplementationB: Here's the result on the platform B.

他言語での Bridge

Bridge を C# で Bridge を C++ で Bridge を Go で Bridge を Java で Bridge を PHP で Bridge を Python で Bridge を Ruby で Bridge を Rust で Bridge を Swift で