詳解JavaScript設計模式開發中的橋接模式使用_基礎知識

橋接模式將抽象部分與實現部分分離開來，使兩者都可以獨立的變化，並且可以一起和諧地工作。抽象部分和實現部分都可以獨立的變化而不會互相影響，降低了代碼的耦合性，提高了代碼的擴充性。
按照GoF的定義，橋接模式的作用在於“將抽象與其實現隔離開來，以便二者獨立變化”。這種模式對於Javascript中常見的事件驅動的編程大有裨益。

橋接模式最常見和實際的應用場合之一是事件監聽器回呼函數。 example：事件監聽器，把事件處理的語句封裝到回呼函數中，通過介面而不是實現進行編程。

基本理論

橋接模式定義：將抽象部分與它的實現部分分離，使它們都可以獨立地變化。
橋接模式主要有4個角色群組成：
（1）抽象類別
（2）擴充抽象類別
（3）實作類別介面
（4）具體實作類別
根據javascript語言的特點，我們將其簡化成2個角色：
（1）擴充抽象類別
（2）具體實作類別
怎麼去理解橋接模式呢？我們接下來舉例說明

橋接模式的實現

理解橋接模式的思想，關鍵是要理解其分離抽象部分和實現部分的思想。我們舉例進行說明

最簡單的橋接模式

其實我們最經常用的jQuery的each函數就是一個典型的橋接模式，我們類比其實現如下：

var each = function (arr, fn) {  for (var i = 0; i < arr.length; i++) {    var val = arr[i];    if (fn.call(val, i, val, arr)) {      return false;    }  }}var arr = [1, 2, 3, 4];each(arr, function (i, v) {  arr[i] = v * 2;})

在這個例子中，我們通過each函數迴圈了arr數組，別看這個例子很常見，但其中就包含了典型的橋接模式。
在這個例子中，抽象部分是each函數，也就是上面說的擴充抽象類別，實現部分是fn，即具體實作類別。抽象部分和實現部分可以獨立的進行變化。這個例子雖然簡單，但就是一個典型的橋接模式的應用。

外掛程式開發中的橋接模式

橋接模式的一個適用情境是組件開發。我們平時開發組件為了適應不同場合，組件相應的會有許多不同維度變化。橋接模式就可以應用於此，將其抽象與實現分離，使組件的擴充性更高。
假設我們要開發一個彈窗外掛程式，彈窗有不同的類型：普通訊息提醒，錯誤提醒，每一種提醒的展示方式還都不一樣。這是一個典型的多維度變化的情境。首先我們定義兩個類：普通訊息彈窗和錯誤訊息彈窗。

function MessageDialog(animation) {  this.animation = animation;}MessageDialog.prototype.show = function () {  this.animation.show();}function ErrorDialog(animation) {  this.animation = animation;}ErrorDialog.prototype.show = function () {  this.animation.show();}

這兩個類就是前面提到的抽象部分，也就是擴充抽象類別，它們都包含一個成員animation。
兩種彈窗通過show方法進行顯示，但是顯示的動畫效果不同。我們定義兩種顯示的效果類如下：

function LinerAnimation() {}LinerAnimation.prototype.show = function () {  console.log("it is liner");}function EaseAnimation() {}EaseAnimation.prototype.show = function () {  console.log("it is ease");}

這兩個類就是具體實作類別，它們實現具體的顯示效果。那我們如何調用呢？

var message = new MessageDialog(new LinerAnimation());message.show();var error = new ErrorDialog(new EaseAnimation());error.show();

如果我們要增加一種動畫效果，可以再定義一種效果類，傳入即可。

總結

學習橋接模式關鍵是要理解抽象部分與實現部分的分離，使得二者可以獨立的變化，而不必拘泥於形式。JS外掛程式靈活的變化，適用情境的多變就非常適合使用這種模式來實現。使用橋接模式最重要的是要找出系統中不同的變化維度。
（1）橋接模式優點：
把抽象與實現隔離開，有助於獨立地管理軟體的各組成部分。
（2）橋接模式缺點：
每使用一個橋接元素都要增加一次函數調用，這對應用程式的效能會有一些負面影響。提高了系統的複雜程度。如果一個橋接函數被用於串連兩個函數，而其中某個函數根本不會在橋接函數之外被調用，那麼此時這個橋接函數就不是非要不可的。
橋接模式“將抽象與實現隔離開來，以便二者獨立變化”。它可以促進代碼的模組化、促成更簡潔的實現並提高抽象的靈活性。它可以用來把一組類和函數串連起來，而且提供了一種藉助於特權函數訪問私用資料的手段。