JavaScript設計模式系列六：橋接模式

jzzlee 發布于2019-08-26 11:44 / 2438人閱讀

摘要：橋接模式橋接是用于把抽象化與現實化解耦，使得二者可以獨立變化，這種類型的設計模式屬于結構型模式，它通過提供抽象化和現實化之間的橋接結構，實現二者的解耦。所以接口和實現是可以組合的，這種組合我們稱之為橋接模式。主要用在系統開始設計的時候使用。

橋接模式

橋接（Bridge）是用于把抽象化與現實化解耦，使得二者可以獨立變化，這種類型的設計模式屬于結構型模式，它通過提供抽象化和現實化之間的橋接結構，實現二者的解耦。

舉個簡單的例子

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)
}

有實現，首先要有接口，實現必定對應于接口，但是實現并不一定綁定在一個接口上，我們可以通過組合現有接口的方式，去組成一個新的實現，對應新的需求，不必重新定義接口，再重新為新接口寫一個實現。
所以接口和實現是可以組合的，這種組合我們稱之為橋接模式。主要用在系統開始設計的時候使用。

特點：

分離接口和實現部分

提供可擴展性

實現細節對客戶透明，可以對客戶隱藏實現細節

缺點：

大量的類將導致開發成本增加，同時在性能方面可能也會有所降低

云服務器 GPU云服務器橋接模式橋接模式linux javascript設計模式 javascript命令模式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107458.html

JavaScript面試系列：JavaScript設計模式之橋接模式和懶加載

摘要：橋接模式的核心在于將抽象部分和它的實現部分分離，使它們都可以獨立的變化。看起來這個版本已經很完美了不，它仍然有可以優化的空間，即題目提到的橋接模式。使用橋接模式的實現版本這個實現包含了三個函數。這個例子體現了橋接模式的作用。我寫的程序員面試系列文章 Java面試系列-webapp文件夾和WebContent文件夾的區別？程序員面試系列：Spring MVC能響應HTTP請求的原因？...

tracymac7 2019-08-23 12:29 評論0 收藏0
聽飛狐聊JavaScript設計模式系列11

摘要：橋接模式之特權函數特權函數，用一些具有特權的方法作為橋梁以便訪問私有空間，可以回憶一下之前的系列。連續自然數分組，計算最多組的個數將至這個連續自然數分成組使每組相加的值相等。個數組中數字最多的一組有個此時的和為。本回內容介紹上一回，聊了適配器模式，圖片預加載，介一回，聊橋接模式（Bridge），跟之前一樣，難度比較小，橋接模式將抽象部分與它的實現部分分離，通過橋接模式聯系彼此，同時...

wanglu1209 2019-08-19 17:12 評論0 收藏0
Java設計模式之（六）——橋接模式

摘要：橋接模式定義橋接模式定義抽象化角色它的主要職責是定義出該角色的行為，同時保存一個對實現化角色的引用，該角色一般是抽象類。這種優雅的實現數據庫切換方式就是利用了橋接模式。1、什么是橋接模式？Decouple an abstraction from its implementation so that the two can vary independently.橋接模式（Bridge Patt...

番茄西紅柿 2021-11-23 09:51 評論0 收藏2637
JavaScript設計模式系列五：適配器模式

摘要：什么是適配器模式所謂適配器模式就是用一個新的接口對現有的接口進行包裝，處理類與的不匹配。對象適配器可以適配它的父對象接口方法或屬性。裝飾者模式增強了對象的功能而同時又不改變它的接口，因此它對程序的透明度比適配器要好。什么是適配器模式所謂適配器模式就是用一個新的接口對現有的接口進行包裝，處理類與API的不匹配。使用這種模式的對象又叫作包裝器。比如我們有一個接口： function...

banana_pi 2019-08-26 11:44 評論0 收藏0
JS 橋接模式

摘要：簡介橋接模式將抽象部分與它的實現部分分離，使它們都可以獨立地變化。同時橋接模式也有自己的缺點大量的類將導致開發成本的增加，同時在性能方面可能也會有所減少。 1. 簡介橋接模式（Bridge）將抽象部分與它的實現部分分離，使它們都可以獨立地變化。其實就是函數的封裝，比如要對某個DOM元素添加color和backgroundColor，可以封裝個changeColor函數，這樣可以在多個...

chemzqm 2019-08-21 18:19 評論0 收藏0