適配器模式(Adapter)是將一個(gè)類(對(duì)象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個(gè)接口(方法或?qū)傩裕?,適配器模式使得原本由于接口不兼容而不能一起工作的那些類(對(duì)象)可以一些工作。速成包裝器(wrapper)。
我們來(lái)舉一個(gè)例子,鴨子(Dock)有飛(fly)和嘎嘎叫(quack)的行為,而火雞雖然也有飛(fly)的行為,但是其叫聲是咯咯的(gobble)。如果你非要火雞也要實(shí)現(xiàn)嘎嘎叫(quack)這個(gè)動(dòng)作,那我們可以復(fù)用鴨子的 quack 方法,但是具體的叫還應(yīng)該是咯咯的,此時(shí),我們就可以創(chuàng)建一個(gè)火雞的適配器,以便讓火雞也支持 quack 方法,其內(nèi)部還是要調(diào)用 gobble。
OK,我們開(kāi)始一步一步實(shí)現(xiàn),首先要先定義鴨子和火雞的抽象行為,也就是各自的方法函數(shù):
//鴨子
var Duck = function(){
};
Duck.prototype.fly = function(){
throw new Error("該方法必須被重寫!");
};
Duck.prototype.quack = function(){
throw new Error("該方法必須被重寫!");
}
//火雞
var Turkey = function(){
};
Turkey.prototype.fly = function(){
throw new Error(" 該方法必須被重寫 !");
};
Turkey.prototype.gobble = function(){
throw new Error(" 該方法必須被重寫 !");
};
然后再定義具體的鴨子和火雞的構(gòu)造函數(shù),分別為:
//鴨子
var MallardDuck = function () {
Duck.apply(this);
};
MallardDuck.prototype = new Duck(); //原型是Duck
MallardDuck.prototype.fly = function () {
console.log("可以飛翔很長(zhǎng)的距離!");
};
MallardDuck.prototype.quack = function () {
console.log("嘎嘎!嘎嘎!");
};
//火雞
var WildTurkey = function () {
Turkey.apply(this);
};
WildTurkey.prototype = new Turkey(); //原型是Turkey
WildTurkey.prototype.fly = function () {
console.log("飛翔的距離貌似有點(diǎn)短!");
};
WildTurkey.prototype.gobble = function () {
console.log("咯咯!咯咯!");
};
為了讓火雞也支持 quack 方法,我們創(chuàng)建了一個(gè)新的火雞適配器 TurkeyAdapter:
var TurkeyAdapter = function(oTurkey){
Duck.apply(this);
this.oTurkey = oTurkey;
};
TurkeyAdapter.prototype = new Duck();
TurkeyAdapter.prototype.quack = function(){
this.oTurkey.gobble();
};
TurkeyAdapter.prototype.fly = function(){
var nFly = 0;
var nLenFly = 5;
for(; nFly < nLenFly;){
this.oTurkey.fly();
nFly = nFly + 1;
}
};
該構(gòu)造函數(shù)接受一個(gè)火雞的實(shí)例對(duì)象,然后使用 Duck 進(jìn)行 apply,其適配器原型是 Duck,然后要重新修改其原型的 quack 方法,以便內(nèi)部調(diào)用 oTurkey.gobble()方法。其 fly 方法也做了一些改變,讓火雞連續(xù)飛 5 次(內(nèi)部也是調(diào)用自身的 oTurkey.fly()方法)。
調(diào)用方法,就很明了了,測(cè)試一下便可以知道結(jié)果了:
var oMallardDuck = new MallardDuck();
var oWildTurkey = new WildTurkey();
var oTurkeyAdapter = new TurkeyAdapter(oWildTurkey);
//原有的鴨子行為
oMallardDuck.fly();
oMallardDuck.quack();
//原有的火雞行為
oWildTurkey.fly();
oWildTurkey.gobble();
//適配器火雞的行為(火雞調(diào)用鴨子的方法名稱)
oTurkeyAdapter.fly();
oTurkeyAdapter.quack();
那合適使用適配器模式好呢?如果有以下情況出現(xiàn)時(shí),建議使用:
另外,適配器模式和其它幾個(gè)模式可能容易讓人迷惑,這里說(shuō)一下大概的區(qū)別: