裝飾者模式

Godtoy 發(fā)布于2019-08-23 14:13 / 3059人閱讀

摘要：所以裝飾者模式的一個(gè)基本的原則就是在不改變對(duì)象自身的基礎(chǔ)上，在程序運(yùn)行期間給對(duì)象動(dòng)態(tài)的添加職責(zé)，能夠使得功能變得可插拔更加的靈活。

標(biāo)簽：設(shè)計(jì)模式

什么是裝飾者模式？

裝飾者模式，其中的重點(diǎn)自然就在“裝飾”這兩個(gè)字上面，在日常生活中很多東西都是需要裝飾的，裝飾的目的是為了原來(lái)的物品更加的好看，或者是加個(gè)裝飾讓物品更加實(shí)用，裝飾一般都能夠?yàn)樵瓉?lái)的物品添加一些新的功能，而添加的裝飾在添加新的功能的時(shí)候也不會(huì)改變?cè)瓉?lái)的物品。

那么在編程中的裝飾其實(shí)和生活之中的裝飾也是一個(gè)道理。所以裝飾者模式的一個(gè)基本的原則就是在不改變對(duì)象自身的基礎(chǔ)上，在程序運(yùn)行期間給對(duì)象動(dòng)態(tài)的添加職責(zé)，能夠使得功能變得可插拔更加的靈活。

模擬傳統(tǒng)面向?qū)ο笳Z(yǔ)言的裝飾者模式

下面通過(guò)一個(gè)簡(jiǎn)單的例子來(lái)體會(huì)一下裝飾者模式：

假設(shè)現(xiàn)在我們?cè)诰帉?xiě)一個(gè)飛機(jī)大戰(zhàn)的游戲，隨著等級(jí)的上升我們的飛機(jī)功能不斷的增強(qiáng)，一開(kāi)始只能發(fā)射子彈，二級(jí)之后可以發(fā)射導(dǎo)彈了，三級(jí)之后可以發(fā)送原子彈了。

首先實(shí)現(xiàn)一個(gè)飛機(jī)類(lèi)：

var Plane = function () {}
Plane.prototype.fire = function () {
    console.log("發(fā)射普通子彈")
}

接下來(lái)添加兩個(gè)裝飾類(lèi)，分別實(shí)現(xiàn)發(fā)射原子彈和導(dǎo)彈：

var MissileDecorator = function (plane) {
    this.plane = plane
}
MissileDecorator.prototype.fire = function () {
    this.plane.fire()
    console.log("發(fā)射導(dǎo)彈")
}
var AtomDecorator = function (plane) {
    this.plane = plane
}
AtomDecorator.prototype.fire = function () {
    this.plane.fire()
    console.log("發(fā)射原子彈")
}

導(dǎo)彈類(lèi)和原子彈類(lèi)的構(gòu)造函數(shù)都接受參數(shù)plane對(duì)象，并且保留這個(gè)參數(shù)，在執(zhí)行他們自身的操作之外還執(zhí)行plane的fire方法。

這樣子每被裝飾一次之后原來(lái)的類(lèi)就新增了一個(gè)功能，而且原始的類(lèi)也沒(méi)有被改變。

使用：

var plane = new Plane();
plane = new MissileDecorator( plane );
plane = new AtomDecorator( plane );
plane.fire();
// 分別輸出： 發(fā)射普通子彈、發(fā)射導(dǎo)彈、發(fā)射原子彈

裝飾者也是包裝容器

從上面的例子可以看到，每經(jīng)過(guò)一次裝飾就相當(dāng)于在原來(lái)的類(lèi)外部包裝了一層對(duì)象，形成了一條包裝鏈，請(qǐng)求隨著這條包裝鏈依次傳遞到所有的對(duì)象，每個(gè)對(duì)象都會(huì)有機(jī)會(huì)來(lái)處理這個(gè)請(qǐng)求。

作者簡(jiǎn)介：李成文，蘆葦科技web前端開(kāi)發(fā)工程師，擅長(zhǎng)網(wǎng)站建設(shè)、公眾號(hào)開(kāi)發(fā)、微信小程序開(kāi)發(fā)、小游戲、公眾號(hào)開(kāi)發(fā)，專(zhuān)注于前端領(lǐng)域框架、交互設(shè)計(jì)、圖像繪制、數(shù)據(jù)分析等研究，訪問(wèn) www.talkmoney.cn 了解更多。