Javascriptでビルダーパターンを実装する方法

概要

ビルダーパターンは比較的単純なデザインパターンであり、作成パターンに属します。

定義: 複雑なオブジェクトを複数の単純なオブジェクトに分解して構築し、複雑な構築層とプレゼンテーション層を分離して、同じ構築プロセスで異なるプレゼンテーションモードを作成できるようにします。

アドバンテージ：

ビルダーパターンではカプセル化が強化され、オブジェクトの作成と構築のプロセスが分離されます。
ビルダーパターンは簡単に拡張できます。拡張が必要な場合は、新しいビルダーを使用して拡張できます。

モード機能:

複雑なオブジェクトを段階的に作成する
パッケージングプロセスとコンポーネントの特定の作成を切り離す
コンポーネントの組み立て方法を心配する必要はありません

注記：

安定したアルゴリズムのサポートが必要
加工技術が公開されているため、富裕層はいつでも家がどのように建てられているかを見に行くことができます。

俗語による説明:

金持ちが家を建てたいとします。必要なのは請負業者を見つけることだけです。請負業者は家を建てるための建設チームを見つけます。建設チームを編成して建設を開始するために、労働者を 1 人ずつ探す必要はありません。請負業者は金持ちのニーズを知っており、建設チームを編成するために労働者をどこで見つけるかも知っています。労働者は直接作業できるため、金持ちは労働者と直接やり取りするコストを節約できます。金持ちは家の建て方を知る必要はありません。最後に家を検査できればよいだけです。

コードの実装

コードを書く前に、まず分析してみましょう。

1. 出力は家です

2. 請負業者は作業員を呼び出して作業を開始し、作業員の具体的な主要プロジェクトについて明確に伝える必要があります。

3. 労働者は寝室、リビングルーム、キッチンを建設できる住宅建設者です。

4. 請負業者は単なるインターフェースです。他の人に家を建てるように指示するだけで、何もする必要はありません。

関数Fangzi(){
    this.woshi = "";
    this.keting = "";
    this.chufang = "";
}

関数 Baogongtou(){
    this.jianfangzi = function(gongren){
        gongren.jian_woshi();
        gongren.jian_keting();
        gongren.jian_chufang();
    }
}

関数 Gongren(){
    this.jian_woshi = 関数(){
        console.log("寝室が完成しました!");
    }

    this.jian_keting = 関数(){
        console.log("リビングルームが完成しました!");
    }

    this.jian_chufang = 関数(){
        console.log("キッチンが完成しました!");
    }

    this.wangong = 関数(){
        var fangzi = 新しい Fangzi();
        fangzi.woshi = "OK";
        fangzi.keting = "ok";
        fangzi.chufang = "OK";
        牙子を返す;
    }
}
gongren = new Gongren();
baogongtou = new Baogongtou() とします。
//寝室が完成しました！
//リビングルームが完成しました！
//キッチンが完成しました！
宝公頭建方子(公人);
var my_fangzi = gongren.wangong();
/*
ファンジ=
       チューファン：「OK」
       keting: 「OK」
       をし: 「わかった」
       }
*/
コンソールにログ出力します。

上記のコードでは、Gongren() に具体的な建設プロセス、つまり具体的な作業が含まれていることがわかります。Fangzi() は最初は空で、リビングルーム、キッチン、寝室はありません。Baogongtou() は、家を建てることができることを宣伝し、次にワーカーメソッドを渡してワーカーを呼び出して建設を行います。ワーカーメソッドが実行されると、建設が完了し、その後家が引き渡されます。Fangzi() メソッドを新しいメソッドでインスタンス化し、新しいメソッドで再割り当てします。

以上がJavascriptでビルダーパターンを実装する方法の詳細です。Javascriptビルダーパターンの詳細については、123WORDPRESS.COMの他の関連記事に注目してください。

以下もご興味があるかもしれません: