JSデザインパターンのビルダーパターンを詳しく解説

今回は、JSデザインパターンのビルダーモードと、JSビルダーモードを使用する際の注意点について詳しく説明します。実際の事例を見てみましょう。

コンセプト
Builderパターンは、複雑なオブジェクトの構築をその表現から分離できるため、同じ構築プロセスで異なる表現を作成できます。ビルダー パターンを使用する場合、ユーザーはそれらを取得するために構築するタイプを指定する必要があり、特定の構築プロセスや詳細を知る必要はありません。ビルダー パターンは、実際にはコマンダー、ビルダー、およびコマンダーを使用して特定のビルダーを呼び出して作業し結果を得るクライアントで構成されます。主に「複雑なオブジェクトを段階的に構築する」ために使用されます

機能と注意事項

モード機能:

複雑なオブジェクトを段階的に作成します

カプセル化プロセスを分離し、特にコンポーネントを作成します

コンポーネントが組み立てられています

注:

安定したアルゴリズムによってサポートされている必要があります (「ステップバイステップ」は安定したアルゴリズムです)

処理技術は公開されています

基本原理を理解した後、次のことを見てみましょうこの構築モデルをより深く理解できるようになります。

例

ある金持ちの男が別荘を建てる必要があり、請負業者を直接見つけ、その請負業者が別荘を建てるための労働者を探します。ここの地元の大物たちは、いちいち労働者を探しに行く必要がありません。請負業者が富裕層のニーズを知っていれば、労働者を探しに行き、労働者は家の建て方を知る必要がなく、最終的には家を手に入れることができます。 。

   //1.产出东西是房子 
            //2.包工头调用工人进行开工而且他要很清楚工人们具体的某一个大项 
            //3.工人是盖房子的 工人可以建厨房、卧室、建客厅 
            //4.包工头只是一个接口而已 他不干活 他只对外说我能建房子
            function House() { 
                this.kitchen = ""; this.bedroom = ""; this.livingroom = ""; 
            }; 
            function Contractor() { 
                this.construct = function(worker) { 
                    worker.construct_kitchen(); worker.construct_bedroom(); worker.construct_livingroom(); 
                } 
            }; 
            function Worker() {
                this.construct_kitchen =function() { 
                    console.log("厨房建好了"); 
                } 
                this.construct_bedroom = function() { 
                    console.log("卧室建好了"); 
                } 
                this.construct_livingroom = function() { 
                    console.log("客厅建好了"); 
                }                this.submit = function() {
                    var _house = new House(); 
                    _house.kitchen = "finished"; 
                    _house.bedroom = "finished"; 
                    _house.livingroom = "finished"; 
                    return _house; 
                }
            }; 
            var worker = new Worker(); 
            var contractor = new Contractor(); 
            contractor.construct(worker); 
            // 主人要房子 var myhouse = worker.submit(); console.log(myhouse);

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS デザイン パターンのコンストラクター パターンの詳細な説明

js デザイン パターン - シングルトン パターンの使用

以上がJSデザインパターンのビルダーパターンを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。