ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript デザイン パターン シリーズ 6: ブリッジ パターン

JavaScript デザイン パターン シリーズ 6: ブリッジ パターン

不言
不言オリジナル
2018-04-02 14:09:101462ブラウズ

この記事では、JavaScript デザイン パターン シリーズ 6: ブリッジ モードを紹介します。興味のある方はぜひご覧ください。

ブリッジ モード

ブリッジ (橋) は、抽象化と現実を切り離し、2 つを独立して変更できるようにするために使用されます。このタイプのデザイン パターンは構造パターンに属し、抽象化と現実の間に橋渡し構造を提供することで抽象化と現実の分離を実現します。

簡単な例を教えてください

var Fn1 = function(a) {
  // dosomething...  
}
var Fn2 = function(b) {
  // dosomething...
}
var Bridge = function(a, b){
  this.one = new Fn1(a)
  this.two = new Fn2(b)
}

実装するには、まずインターフェイスが必要ですが、実装は必ずしもインターフェイスにバインドされている必要はありません。既存のものを組み合わせて新しいものを作成できます。実装は、インターフェイスを再定義したり、新しいインターフェイス用に実装を書き直したりすることなく、新しい要件に対応します。
そのため、インターフェイスと実装を組み合わせることができます。この組み合わせはブリッジ モードと呼ばれます。主にシステム設計を始める際に使用します。

特徴:

  • インターフェースと実装部分を分離

  • 拡張性を提供

  • 実装の詳細は顧客に対して透過的であり、実装の詳細は顧客から隠すことができます

欠点:

A多数のクラスを使用すると開発コストが増加し、パフォーマンスも低下する可能性があります

関連する推奨事項:

JavaScript デザイン パターン シリーズ 2: シングルトン モード

JavaScript デザイン パターン シリーズ 4: プロトタイプ モード

以上がJavaScript デザイン パターン シリーズ 6: ブリッジ パターンの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。