JavaScriptデザインパターンのビルダーパターン入門_JavaScriptスキル-jsチュートリアル-php.cn

JavaScriptデザインパターンのビルダーパターン入門_JavaScriptスキル

WBOY

リリース： 2016-05-16 16:23:52

オリジナル

1281 人が閲覧しました

ビルダーモードの手順

1. 複雑なオブジェクトの構築をその表現から分離し、同じ作成プロセスで異なる表現を使用できるようにします。これはビルダーパターンと呼ばれます。
2. オブジェクト指向言語での記述、主な役割:

1> ビルダーインターフェイスクラスは、複雑な構造オブジェクトを表すビルダー [ワーカー] の統合された操作可能な動作を定義します。 2>。ConcreteBuilder は、Builder のさまざまな表現を表すために、Builder のさまざまな形式のインスタンスオブジェクトを作成 [実装] するために使用されます。
3>. ディレクターは、Builder インスタンスの実行プロセスと形式をガイドし、Builder インスタンスのパフォーマンスから分離し、Builder インスタンスが特定のルールシーケンスに従って製品結果を作成および生成するようにガイドするために使用されます。
4>. ResultObject によって作成された結果は、Director の指示に従って特定の作成者によって作成された結果オブジェクトを生成します。

3. ビルダーモデルは実際には、コマンダー、ビルダー、およびコマンダーを使用して特定のビルダーを呼び出し、特定のビルダーから結果を取得するクライアントです。

4. ビルダーモード、シミュレーションシナリオ: [ビルダーモードの説明を示す例を見るのは良いことです]

ある家族が家を建てたいと考えていますが、所有者や家族の他のメンバーは家の建て方を知らないため、家を建てるチームには住宅ローンを組む職長も必要です。オーナーのアイデアに従って家を建てます。現場監督はオーナーの要望に従ってそれを設計し、作業員にやり方を尋ねます。

職長は、最初のステップは家の全体的なフレームを組み立てること、第 2 ステップは寝室を建てること、第 3 ステップはキッチンを装飾すること、第 4 ステップはリビングルームの建設を完了することであると言いました。装飾、第5ステップ...

職長は何もしませんが、特定の建築者は職長の要求に従い、家全体が完成するまで最初のステップ、2 番目のステップを構築する必要があります。

作成者は、この家を作成するためのすべてのスキルを持っている必要があります。つまり、骨組みの構築、寝室の装飾など...つまり、建築者の仕事や能力は、それよりも優れている必要があります。指揮官が要求するもの、または能力に等しい。

つまり、指揮官は主催者であり、構築者はスキルを提供します。

5. JavaScript のような弱い言語では、インターフェイスのようなものは存在しないため、インターフェイス定義層を無視して、特定のビルダーを直接作成し、そのビルダーをコールバックするガイダンスクラスを構築します。

ソースコードの例

1. ワーカービルダー X:

コードをコピー

コードは次のとおりです: 関数workerBuilder() { This.workOne = function() { //家の骨組みを構築します }

This.workTwo=function() {

//寝室を建てる

}

This.workThree=function() {

// キッチンを構築する

}

This.workFour=function() {

//リビングルームを構築する

}

//....

This.getResult = function() {

//家を完成させます

var house = new House();

//house.HouseFrame ...

家に帰ります

}

}

workBuilder は特定のビルダー クラスであり、workOne と Two はスケルトンの構築などの実行すべきものです。

もちろん、ワーカーを表すさらに複数の workBuilder を構築することもできます。各ジョブの実行方法は異なりますが、作業内容は同じです。

2. コマンダークラス

コードをコピーします

コードは次のとおりです: function Director() { This.construct = function(builder) { builder.workOne(); builder.workTwo();

builder.workThree();

builder.workFour();
//...
//上記内容の順番を設定でき、作業項目も設定可能
}
}

コマンダークラスのガイダンスメソッドには、ビルダーへのコールバック参照があり、これにはビルダーの作業内容の一部またはすべてが含まれており、コマンダーはビルダーワーカーが実行する必要がある内容を整理します。

3. プロダクトハウス

コードをコピーしますコードは次のとおりです:

function House() {

This.HouseFrame = '';

This.Room = '';

This.Kitchen = '';

This.LivingRoom = '';

//...

}

4. 使用方法

コードをコピーコードは次のとおりです:

var builder = new workBuilder();
var ディレクター = 新しいディレクター();
Director.construct(ビルダー);
var house = builder.getResult();

4 番目のステップは顧客に相当します。家の所有者は監督に家の建設を依頼しますが、職長は何もしないので、最後に家の所有者が建設業者に指示します。素敵な家を労働者から入手しました。

その他の指示

ビルダーモードは、コンテンツ [抽象化] が複雑で、実際のシーンのパフォーマンスが異なる場合、たとえば、全員の日常生活のプロセスなど、一貫性のない作業内容やシーケンスなどの状況に適しています。シナリオ; インストラクター層を使用すると、類似した職場が多数あるものの、作業ルールの順序が一貫していない状況の数を減らすことができ、実際のオブジェクトの構築の抽象化を大幅に減らすことができます。