首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

浅谈JS中的装饰模式

本文作者:IMWeb Jianglinyuan 原文出处:IMWeb社区 未经同意,禁止转载 浅谈JS中的装饰模式 ? 什么是装饰?...装饰设计模式 装饰模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。...这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法签名完整性的前提下,提供了额外的功能。 我们通过下面的实例来演示装饰模式的用法。...其中,我们将把一个形状装饰上不同的颜色,同时又不改变形状类。 JS中的装饰 装饰(Decorator)是ES7中的一个新语法,使用可参考阮一峰的文章。...JS中的原理 JS中的装饰本质也是一个函数,利用的是JS中object的descriptor,这个函数会接收三个参数: /** * 装饰函数 * @param {Object} target 被装饰的类的原型

1.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    装饰模式

    装饰模式 装饰模式Decorator Pattern允许向一个现有的对象添加新的功能,同时又不改变其结构,这种类型的设计模式属于结构型模式,是作为现有的类的一个包装。...关联机制,即将一个类的对象嵌入另一个对象中,由另一个对象来决定是否调用嵌入对象的行为以便扩展自己的行为,我们称这个嵌入的对象为装饰Decorator。...装饰模式以对客户透明的方式动态地给一个对象附加上更多的责任,也就是说客户端并不会觉得对象在装饰前和装饰后有什么不同,装饰模式可以在不需要创造更多子类的情况下,将对象的功能加以扩展。...优点 装饰模式与继承关系的目的都是要扩展对象的功能,但是装饰模式可以提供比继承更多的灵活性。...可以通过一种动态的方式来扩展一个对象的功能,通过配置文件可以在运行时选择不同的装饰,从而实现不同的行为。 通过使用不同的具体装饰类以及这些装饰类的排列组合,可以创造出很多不同行为的组合。

    56442

    JS设计模式--装饰模式

    一、前言 所谓装饰模式,就是动态的给类或对象增加职责的设计模式。它能在不改变类或对象自身的基础上,在程序的运行期间动态的添加职责。...'); } var car = new Car(); car = new AutopilotDecorator(car); car.drive(); //乞丐版;启动自动驾驶模式; 这种方式的实现要点是装饰类要维护目标对象的一个引用...当接口比较多,装饰也比较多时,可以独立抽取一个装饰父类,实现目标类的所有接口,再创建真正的装饰来继承这个父类。...; 这种实现方式完全是基于JS自身的语言特点做考量。...装饰模式是一种十分常用且功能强大的模式,利用ES7的语法糖,我们能用非常简洁的方式来表达装饰的意图,推荐大家在实际项目中用起来。

    1.1K20

    设计模式-装饰模式

    概念Wrapper装饰,又称Decorator,是继承关系的一种替代方案;顾名思义,封装一下,修饰一下目的:为对象增加不同侧面的特性装饰模式是在不必改变原类文件和使用继承的情况下,动态的扩展一个对象的功能...之后所有继承装饰父类的子装饰,都是具体增加功能的实现。...优点装饰模式与继承关系的目的都是要扩展原有对象的功能,但是装饰模式比继承增加了更多的灵活性使用不同的具体装饰类以及这些装饰类的排列组合,可以创造出更多的不同行为的组合,原有的代码无需改变,符合“开闭”...原则装饰模式允许系统动态的决定贴上一个需要的装饰,或者除掉一个不需要的装饰。...缺点装饰模式添加了许多子类,过多使用会使程序变得很复杂增加了系统的复杂程度,加大了使用者的学习成本和理解难度JAVA IO中的装饰模式输入输出流架构图片装饰● 抽象构件(Component)角色:由

    49700

    设计模式-装饰模式

    装饰模式(Decorator),动态地给一个对象添加一些额外的职责,就增加功能来说,装饰模式比生成子类更为灵活;它允许向一个现有的对象添加新的功能,同时又不改变其结构。...==装饰模式属于结构型模式==。 UML 类图 ? Component:接口,定义一个抽象接口装饰对象与真实对象具有相同的接口,以便装饰动态的添加职责。...定义抽象装饰类 煎饼果子装饰 PancakeDecorator:抽象装饰角色,实现煎饼接口(被装饰接口),持有被装饰的引用 (pancake)将烹饪行为转发具体的装饰。...===== 加一个鸡蛋; 乞丐版基本煎饼 总结 真实世界的装饰: Java I/O。 注意事项与要点 抽象装饰与具体被装饰对象实现同一个接口。...抽象装饰持有被装饰接口对象,以便请求传递。 具体装饰需要重写抽象装饰的方法并引用super进行条用,转发请求。 1. 适用场景 拓展一个类的功能。 动态的添加与撤销职责。 2.

    36310

    设计模式---装饰模式

    相较于传统的继承来拓展新的行为,装饰模式更为的灵活多变,当然实现起来也更为复杂。话不多说,看个优化案例吧。优化案例最初版v0现有系统中有设定窗口Style的模块,现在想增加一个圆角的样式。...别慌,最后这一种需求正好就是使用装饰模式的目的。我们来看看改进后的案例吧。修改版v1使用装饰模式优化上述需求,使得任意样式间可以任意组合,这种任意组合包括任意种类和数量。...decorator(); } private void decorator() { System.out.println("设置Color"); }}定义三个装饰类.../ style设置 style.style(); decorator(); } protected abstract void decorator(); // 装饰方法...这个应该属于题外话了,可以见得设计模式的实现方式是多种多样的。不要过度拘泥于模板。只要能达成目的,想怎么设计就可以怎么设计。修改版v1和v2都是装饰模式,实际开发根据需求斟酌即可。

    28020

    设计模式--装饰模式

    装饰模式是一种结构型设计模式,它允许你动态地将行为附加到对象上,而不需要使用子类。装饰模式可以将一个对象嵌套在另一个对象中,形成一条对象链,从而允许你使用不同的对象来替换默认的行为。...下面是一个使用C#编写的装饰模式代码实例:// 定义一个接口public interface ICar{ void Drive();}// 实现接口的类public class NormalCar...在上面的示例中,我们使用装饰模式来为普通汽车添加了一个运动套件。我们首先定义了一个`ICar`接口以及一个`NormalCar`类,实现了这个接口。...然后,我们创建了一个名为`CarDecorator`的抽象类,它实现了`ICar`接口,并保存了一个`ICar`对象,这表明了我们可以使用装饰模式将一个对象嵌套在另一个对象中。...接下来,我们创建了一个名为`SportsCar`的具体装饰类,它继承了`CarDecorator`类,并通过重写`Drive`方法来附加了运动套件的行为。

    19320

    设计模式-装饰模式

    ,而装饰模式就解决该问题。...装饰模式是什么? 定义:装饰动态给一个对象添加一些额外的功能/职责,装饰模式比生成子类更为灵活。 抽象构件(component)角色 :用来规范被装饰的对象,一般为统一接口输出。...其实也就是给你手机加些装饰,而这些装饰可有可无,根据你的选对来的,贴不贴膜,要不要手机壳,非原厂出厂就有。 装饰模式可以干嘛? 对原有的对象或者功能动态增加功能/职责,很好的起到一个动态增删。...优点: 代码易读:使用装饰模式代码简单易读,业务逻辑清晰; 拓展性强:功能动态增删影响低; 减少耦合,低侵入:由于解决了传统的继承或者说在原来的对象去增加功能减少了很大的耦合和侵入性也很少; 缺点:...装饰类图 ?

    40630

    【设计模式装饰模式

    定义 装饰模式就像俄罗斯套娃,它的核心是在不改变原有类的基础上给类新增功能。...装饰模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。...以上三点是装饰模式的核心处理部分,可以替换对子类继承的方式,实现逻辑功能的扩展。...通过以上四种实现装饰模式,主要核心内容会体现在抽象类的定义和实现方面。 装饰模式满足单一职责原则,可以在自己的装饰类中完成功能逻辑的扩展而不影响主类,同时可以按需在运行时添加和删除这部分逻辑。...另外,装饰模式和继承父类重写方法在某些时候要按需选择,并非某个方式就是最好的。

    36520

    JS 装饰解析

    装饰简介 作为一种可以动态增删功能模块的模式(比如 redux 的中间件机制),装饰同样具有很强的动态灵活性,只需在类或类属性之前加上 @方法名 就完成了相应的类或类方法功能的变化。...不过装饰模式仍处于第 2 阶段提案中,使用它之前需要使用 babel 模块 transform-decorators-legacy 编译成 ES5 或 ES6。...在 TypeScript 的 lib.es5.d.ts 中,定义了 4 种不同装饰的接口,其中装饰类以及装饰类方法的接口定义如下所示: declare type ClassDecorator = <TFunction...作用于类的装饰装饰的对象是类时,我们操作的就是这个类本身。...相关链接 javascript-decorators Javascript 中的装饰 JS 装饰(Decorator)场景实战 修饰 Babel

    2.9K50

    装饰模式(Decorator)

    一.装饰模式的定义: 装饰模式是在不必改变原类文件和使用继承的情况下,动态地扩展一个对象的功能。它是通过创建一个包装对象,也就是装饰来包裹真实的对象。 结构: ?...装饰UML.png (1)抽象构件(Component)角色:给出一个抽象接口,以规范准备接收附加责任的对象。.../// public abstract void Print(); } 具体构件 /// /// 苹果手机,即装饰模式中的具体组件类...装饰模式会导致设计中出现许多小类,如果过度使用,会使程序变得很复杂。 装饰模式是针对抽象组件(Component)类型编程。...但是,如果你要针对具体组件编程时,就应该重新思考你的应用架构,以及装饰者是否合适。当然也可以改变Component接口,增加新的公开的行为,实现“半透明”的装饰模式。在实际项目中要做出最佳选择。

    42420

    装饰模式(Decorator)

    装饰模式(Decorator) 对客户透明的方式动态地给一个对象附加上更多的责任,同时又不改变其结构。装饰模式可以在不使用创造更多子类的情况下,将对象的功能加以扩展。...例子 Java IO中就是典型的装饰 //InputStream提供的基本方法(Component) public abstract class InputStream implements Closeable...implements DataInput { public DataInputStream(InputStream in) { super(in); } } 总结 装饰模式优点...2.装饰模式是继承的一个替代模式装饰模式可以动态扩展一个实现类的功能。就增加功能来说,装饰模式相比生成子类更为灵活。 适用场景: 1.扩展一个类的功能。 2.动态增加功能,动态撤销。..." coffee"); } @Override public float showPrice() { return price; } } // 抽象装饰

    41320

    五、装饰模式

    装饰模式 定义 通过将对象放入包含行为的特殊封装对象中来为原对象绑定新的行为。...你可以用多个装饰封装对象来组合几种行为。 单一职责原则。 你可以将实现了许多不同行为的一个大类拆分为多个较小的类。 缺点 在封装栈中删除特定封装比较困难。...实现行为不受装饰栈顺序影响的装饰比较困难。 各层的初始化配置代码看上去可能会很 与其他模式的关系 代理模式 两者代码结构类似,但应用场景不同。...装饰模式是对原有功能增强,例如原功能是读取字符串,增强后可缓存的读取字符串。而代理模式增强的是和原功能无关的功能,例如对API接口增强,可记录接口调用时间,参数等。...其他示例 java.util.Collections#unmodifiableList也使用了装饰模式 public static List unmodifiableList(List<

    23210

    重温设计模式 --- 装饰模式

    引言 装饰模式是一种结构型设计模式,它允许在不改变原始对象的情况下,通过将其包装在一个装饰对象中,来动态地添加额外的功能。...装饰模式的核心思想是,将一个对象放在另一个对象的外面,以给原始对象添加新的行为。...装饰模式本身有两个缺点。首先,它可能会导致对象数量的增加,因为每个装饰都需要一个单独的对象。其次,由于装饰可以相互嵌套,在创建复杂的装饰结构时可能会变得难以理解和维护。...结论 装饰模式的优点是它可以动态地添加对象的新行为,而无需改变其原始类。这样,我们可以通过组合不同的装饰来创建多种对象变体,同时保持原始对象的完整性和一致性。...且装饰模式遵循开放/封闭原则,因为它允许我们添加新的功能,而无需修改现有代码。

    13630

    设计模式装饰模式

    装饰模式通过创建一个包装对象(即装饰)来包裹真实对象,并在保持真实对象的接口不变的前提下,为其提供额外的功能。装饰模式可以在运行时根据需要选择不同的装饰来组合和修改对象的行为。...优缺点 装饰模式的优点有: 装饰模式是继承的有力补充,比继承灵活,在不改变原有对象的情况下,动态地给一个对象扩展功能,即插即用。 通过使用不同的装饰及这些装饰的排列组合,可以实现不同效果。...装饰模式完全遵守开闭原则,可以在不修改原有代码的基础上增加新的功能。 装饰模式的缺点有: 装饰模式会增加许多子类,过度使用会增加程序的复杂性。...装饰模式会增加对象之间的联系,可能会引入循环引用的问题。 装饰模式会影响对象的标识,当使用装饰对对象进行包装时,对象的类型和行为可能会发生变化。...当需要为一批兄弟类进行改装或加装功能时,可以使用装饰模式。例如,在一个图形界面工具箱中为多个不同的组件提供一些公共的功能时,可以使用装饰模式来实现。

    18620

    Go 设计模式- 装饰模式

    装饰模式使用对象组合的方式动态改变或增加对象行为。Go语言借助于匿名组合和非入侵式接口可以很方便实现装饰模式。使用匿名组合,在装饰中不必显式定义转调原对象方法。 设计模式 ?...装饰模式 装饰模式主要解决继承关系过于复杂的问题,通过组合来代替继承,给原始类添加增强功能,这也是判断装饰的一个重要依据,除此之外,装饰还有一个特点,可以对原始类嵌套使用多个装饰,为了满足这样的需求...,在设计的时候,装饰类需要跟原始继承同步的抽象类或者接口。...装饰模式相对于简单的组合关系,有如下特殊点: 装饰类和原始类继承相同的父类,我们可以对原始类嵌套多个装饰类。 装饰类是对功能的增强,这也是装饰模式应用场景的一个重要特点。

    44330

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券