ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptデザインパターンのビルダーパターン入門_JavaScriptスキル

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

WBOY
WBOYオリジナル
2016-05-16 16:23:521291ブラウズ

ビルダーモードの手順

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

その他の指示

ビルダー モードは、コンテンツ [抽象化] が複雑で、実際のシーンのパフォーマンスが異なる場合、たとえば、全員の日常生活のプロセスなど、一貫性のない作業内容やシーケンスなどの状況に適しています。シナリオ; インストラクター層を使用すると、類似した職場が多数あるものの、作業ルールの順序が一貫していない状況の数を減らすことができ、実際のオブジェクトの構築の抽象化を大幅に減らすことができます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。