Adapter適配器模式在JavaScript設計模式編程中的運用總結（圖文教程）

定義
適配器模式（Adapter）是將一個類（對象）的接口（方法或屬性）轉化成客戶希望的另外一個接口（方法或屬性），適配器模式使得原本由于接口不兼容而不能一起工作的那些類（對象）可以一些工作。速成包裝器（wrapper）。

適配器的別名是包裝器（wrapper），這是一個相對簡單的模式。在程序開發中有許多這樣的場景：當我們試圖調用模塊或者對象的某個接口時，卻發現這個接口的格式并不符合目前的需求。這時候有兩種解決辦法，第一種是修改原來的接口實現，但如果原來的模塊很復雜，或者我們拿到的模塊是一段別人編寫的經過壓縮的代碼，修改原接口就顯得不太現實了。第二種辦法是創建一個適配器，將原接口轉換為客戶希望的另一個接口，客戶只需要和適配器打交道。

為什么需要采用適配器模式？
在開發應用程序時，您往往會需要更換其中某一部分，例如，您用于保存日志或類似性質的內容的一個庫。 當您用一個新庫來替換它時，新庫不太可能有完全相同的接口。 從這里開始，您有兩種選擇：
（1）檢查所有代碼，并更改指向舊庫的一切代碼。
（2）創建一個適配器，使新庫可以使用與舊庫相同的接口。
顯然，在一些情況下，假如您的應用程序很小，或者對舊庫的引用很少，更合適的做法是檢查完整的代碼，并更改它以匹配新庫，而不是添加一個新的抽象層，使代碼更復雜。 但是，在大多數情況下，創建一個適配器更為實用且節省時間。

JavaScript代碼示例

一件事情有可能發生時，它就一定會發生。首先讓我們來看一下這個小小的LoggerFactory，它讓我們能更容易地修改我們使用的日志接口。

在我們調用getLogger時它給我們返回了控制臺對象(console)。為了這個練習我們假裝console對象只有一個方法——log，并且它只能接收一個字符串類型的參數。 接下來，我們有另一個日志接口，這個會復雜些，因為1）它是用JavaScript實現的，不像console那樣是瀏覽器本身就有的；2）它會把日志通過AJAX發送到服務器，這也意味著我們要對URL數據進行編碼（代碼里不會具體實現URL編碼相關的事，因為它和我們的要講的適配器模式毫不相干）。當然，它會使用一個和控制臺不同的接口。

我們使用了jQuery的AJAX請求，主要是為了節省時間，忽略那些和適配器模式不想干的事情。 我們現在要做的事情就是創建一個適配器，并且改變之前的LoggerFactory讓其返回這個適配器而不是控制臺對象。

我們對現有代碼只做了一行更改，整個程序就可以使用這個新的日志接口了。

復雜適配器

日志接口是個很簡單的例子，它只有一個方法，把它直接映射到舊的方法上也沒什么難的。大多數情況下并不是如此。你可能會碰到這樣的問題，即這些互相映射的函數的參數是完全不同的，舊接口可能根本沒有這些參數，你必須自己處理它們。某些情況下，你又必須刪掉一些參數，因為新的接口根本用不上它們。如果兩個對象之間的接口映射太難，我們就要想想別的辦法了，反正我不希望查找和修改數千行舊代碼。

上面是我整理給大家的，希望今后會對大家有幫助。

相關文章：

JavaScript typeof, null, 和 undefined的相關知識

JavaScript Boolean（布爾） 對象的相關知識與用法

JavaScript Date（日期） 相關知識與用法

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com