腳本之家服務器常用軟件

快捷導航

JavaScript設計模式之適配器模式介紹

更新時間：2014年12月28日 09:52:35 投稿：junjie

這篇文章主要介紹了JavaScript設計模式之適配器模式介紹,適配器模式,一般是為要使用的接口,不符本應用或本系統(tǒng)使用,而需引入的中間適配層類或對象的情況,需要的朋友可以參考下

適配器模式說明

說明: 適配器模式，一般是為要使用的接口，不符本應用或本系統(tǒng)使用，而需引入的中間適配層類或對象的情況；

場景: 就好比我們買了臺手機，買回來后發(fā)現(xiàn)，充電線插頭是三插頭，但家里，只有兩插頭的口的插座，怎么辦？為了方便，也有為能在任何地方都能充上電，就得去買個通用充電適配器; 這樣手機才能在自己家里充上電；不然只能放著，或跑到有這個插頭的地方充電；

實際開發(fā)環(huán)境下，由于舊的系統(tǒng)，或第三方應用提供的接口，與我們定義的接口不匹配，在以面向接口編程的環(huán)境下，就無法使用這樣舊的，或第三方的接口，這時我們就使用適配類繼承待適匹配的類，并讓適配類實現(xiàn)接口的方式來引入舊的系統(tǒng)或第三方應用的接口；

這樣使用接口編程時，就可以使用這個適匹配類，來間接調用舊的系統(tǒng)或第三方應用的接口。

在 Javascript 要實現(xiàn)類似動態(tài)面向對象語言的適配器模式的代碼，可以使用到 prototype 的繼承實例來實現(xiàn)；因為是基于接口約束的，但是Javascript沒有接口這號東西，我們去掉接口這一層，直接實現(xiàn)接口實現(xiàn)類 Target ，模擬類似的源碼出來；

源碼實例

1. 待適配的類及接口方法:

復制代碼代碼如下:

function Adaptee() {

    this.name = 'Adaptee';

}

Adaptee.prototype.getName = function() {

    return this.name;

}

2. 普通實現(xiàn)類 [由于 Javascript 中沒有接口，所以就直接提供實現(xiàn)類]

復制代碼代碼如下:

function Target() {
this.name = 'Target';
}

Target.prototype.queryName= function() {
return this.name;
}

3. 適配類:

復制代碼代碼如下:

function Adapte() {
this.name = '';
}

Adapte.prototype = new Adaptee();

Adapte.prototype.queryName = function() {
this.getName();
}

4.使用方法:

復制代碼代碼如下:

var local = new Target();
local.queryName(); //調用普通實現(xiàn)類

var adapte = new Adapte();
adapte.queryName(); //調用舊的系統(tǒng)或第三方應用接口;

其他說明

上面第四步，var local 以及 var adapte 類似像 Java,C# 這樣的面向對象語言中接口引用指定，如:

復制代碼代碼如下:

interface Target {
public String queryName();
}
//接口引用指向
Target local = new RealTarget(); //即上面 Javascript 的 Target 實現(xiàn)類
local.queryName();

//適配器
Target adapte = new Adapte();
adapte.queryName();

可見適配器類是連接接口與目標類接口的中間層；就是用來解決，需要的目標已經(jīng)存在了，但我們無法直接使用，不能跟我們的代碼定義協(xié)同使用，就得使用適器模式，適配器模式也叫轉換模式，包裝模式；

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript設計模式之適配器模式介紹

相關文章

最新評論

大家感興趣的內容

最近更新的內容

常用在線小工具