摘要：所以装饰者模式的一个基本的原则就是在不改变对象自身的基础上，在程序运行期间给对象动态的添加职责，能够使得功能变得可插拔更加的灵活。
什么是装饰者模式？
装饰者模式，其中的重点自然就在“装饰”这两个字上面，在日常生活中很多东西都是需要装饰的，装饰的目的是为了原来的物品更加的好看，或者是加个装饰让物品更加实用，装饰一般都能够为原来的物品添加一些新的功能，而添加的装饰在添加新的功能的时候也不会改变原来的物品。
那么在编程中的装饰其实和生活之中的装饰也是一个道理。所以装饰者模式的一个基本的原则就是在不改变对象自身的基础上，在程序运行期间给对象动态的添加职责，能够使得功能变得可插拔更加的灵活。
模拟传统面向对象语言的装饰者模式下面通过一个简单的例子来体会一下装饰者模式：
假设现在我们在编写一个飞机大战的游戏，随着等级的上升我们的飞机功能不断的增强，一开始只能发射子弹，二级之后可以发射导弹了，三级之后可以发送原子弹了。
首先实现一个飞机类：
var Plane = function () {}
Plane.prototype.fire = function () {
console.log("发射普通子弹")
}
接下来添加两个装饰类，分别实现发射原子弹和导弹：
var MissileDecorator = function (plane) {
this.plane = plane
}
MissileDecorator.prototype.fire = function () {
this.plane.fire()
console.log("发射导弹")
}
var AtomDecorator = function (plane) {
this.plane = plane
}
AtomDecorator.prototype.fire = function () {
this.plane.fire()
console.log("发射原子弹")
}
导弹类和原子弹类的构造函数都接受参数plane对象，并且保留这个参数，在执行他们自身的操作之外还执行plane的fire方法。
这样子每被装饰一次之后原来的类就新增了一个功能，而且原始的类也没有被改变。
使用：
var plane = new Plane(); plane = new MissileDecorator( plane ); plane = new AtomDecorator( plane ); plane.fire(); // 分别输出： 发射普通子弹、发射导弹、发射原子弹装饰者也是包装容器
从上面的例子可以看到，每经过一次装饰就相当于在原来的类外部包装了一层对象，形成了一条包装链，请求随着这条包装链依次传递到所有的对象，每个对象都会有机会来处理这个请求。
作者简介：李成文，芦苇科技web前端开发工程师，擅长网站建设、公众号开发、微信小程序开发、小游戏、公众号开发，专注于前端领域框架、交互设计、图像绘制、数据分析等研究，访问 www.talkmoney.cn 了解更多。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/100302.html
摘要：装饰者模式组成结构抽象构件给出抽象接口或抽象类，以规范准备接收附加功能的对象。装饰者模式图解装饰者模式应用场景需要扩展一个类的功能，或给一个类添加附加职责。装饰者对象接受所有来自客户端的请求。参考资料设计模式 一、了解装饰者模式 1.1 什么是装饰者模式 装饰者模式指的是在不必改变原类文件和使用继承的情况下，动态地扩展一个对象的功能。它是通过创建一个包装对象，也就是装饰者来包裹真实的对...
摘要：相关设计模式装饰者模式和代理模式装饰者模式关注再一个对象上动态添加方法代理模式关注再对代理对象的控制访问，可以对客户隐藏被代理类的信息装饰着模式和适配器模式都叫包装模式关于新职责适配器也可以在转换时增加新的职责，但主要目的不在此。 0x01.定义与类型 定义：装饰模式指的是在不必改变原类文件和使用继承的情况下，动态地扩展一个对象的功能。它是通过创建一个包装对象，也就是装饰来包裹真实的...
摘要：装饰者模式遵循了开闭原则，对扩展开放，对修改关闭。但是在使用装饰者模式的同时可能会引入大量小类，而且使用装饰者模式除了实例化组件外，还要把组件包装进装饰者，会使代码显得不易理解。 1. 简介 装饰者模式是一种结构型模式，它可以动态的将责任附加到对象上，在扩展功能方面，它比继承更有弹性。装饰者模式遵循了开闭原则，对扩展开放，对修改关闭。 虽然在装饰者模式中也使用了继承，但是继承只是...
摘要：简介代理模式和装饰者模式是两种常见的设计模式。这里通过构造函数的参数将被代理对象传入到代理中，也可以通过其它方式，如提供一个方法。下面是的代码输出首先依然是先创建一个需要被代理的对象，然后把它传入到的构造函数中。 简介 代理模式和装饰者模式是两种常见的设计模式。代理模式是为其它对象提供一种代理以控制对这个对象的访问。在某些情况下，一个对象不适合或者不能直接引用另一个对象，而代理对象可以...
摘要：这是设计模式系列的第二篇，系列文章目录如下用一句话总结那些殊途同归的设计模式工厂策略模版方法美颜相机中的设计模式装饰者模式几乎所有的设计模式都是通过增加一层抽象来解决问题。 这是设计模式系列的第二篇，系列文章目录如下： 用一句话总结那些殊途同归的设计模式：工厂=？策略=？模版方法 美颜相机中的设计模式——装饰者模式 几乎所有的设计模式都是通过增加一层抽象来解决问题。 上一篇中提...
摘要：声明这个系列为阅读设计模式与开发实践曾探著一书的读书笔记装饰者模式的定义装饰者模式能够在不改变对象自身的基础上，在程序运行期间给对像动态的添加职责。与继承相比，装饰者是一种更轻便灵活的做法。装饰者模式的作用就是为对象动态的加入某些行为。 声明：这个系列为阅读《JavaScript设计模式与开发实践》 ----曾探@著一书的读书笔记 装饰者模式的定义： 装饰者(decorator)模式能...
阅读 786·2021-11-12 10:36
阅读 3362·2021-09-08 10:44
阅读 2739·2019-08-30 11:08
阅读 1392·2019-08-29 16:12
阅读 2667·2019-08-29 12:24
阅读 888·2019-08-26 10:14
阅读 674·2019-08-23 18:32
阅读 1160·2019-08-23 17:52
