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

浅谈JS中的装饰模式

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

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

    装饰模式

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

    57242

    JS设计模式--装饰模式

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

    1.1K20

    设计模式-装饰模式

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

    50600

    设计模式---装饰模式

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

    28420

    设计模式-装饰模式

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

    37210

    设计模式-装饰模式

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

    41430

    设计模式--装饰模式

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

    20320

    【设计模式装饰模式

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

    37520

    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接口,增加新的公开的行为,实现“半透明”的装饰模式。在实际项目中要做出最佳选择。

    43420

    装饰模式(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; } } // 抽象装饰

    41920

    五、装饰模式

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

    23910

    设计模式装饰模式

    本文由老王将建好的书房计划请小王来帮忙,小王却想谋权篡位,老王通过教育他引出装饰设计模式,第二部分针对老王提出的建设性意见实现装饰模式,第三部分针对装饰模式在Jdk中的IO、Spring中的缓存管理...、Mybatis的运用来加强我们的理解,第四部分说明装饰模式和代理模式的区别及他们各自的应用场景。...二、装饰模式概念与使用实际上,在原对象的基础之上增加其功能就是属于装饰模式装饰模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。...四、总结到此为止,我们就将装饰模式的内容讲解清楚了,看到这读者可能发现,针对某一类需求可能会有很多设计模式都能完成需求,但一定是有最合适的那一个,就像我们今天举的例子无论是用装饰模式还是代理模式都可以实现这个需求...装饰模式就是在瓶里面插了一朵花,而代理模式是把瓶子都给人家了,让人家随便折腾。如果我们的需求是日志收集、拦截,代理模式是最适合的。

    22720

    设计模式装饰模式

    基本概念:装饰模式是一种结构型设计模式,它允许在运行时通过将对象封装在一系列装饰类的对象中,动态地扩展其行为。...装饰模式通过组合和递归的方式,使得客户端可以在不修改原始对象的情况下,以自由组合的方式增加新的功能。2. 适用场景:当需要在不修改现有代码的情况下,动态地添加或覆盖对象的行为时。...当有许多相似但不同的装饰类,并且需要根据需求组合它们时。当不适合使用子类进行扩展,或者扩展子类可能会导致类爆炸的情况下,可以考虑使用装饰模式。3....示例:Python示例考虑一个咖啡店的例子,我们有一个基础的咖啡类(Coffee),然后通过装饰模式来动态添加不同的调料,例如牛奶、糖等。...通过动态地组合这些装饰,我们可以得到不同调料组合的咖啡,而无需修改原始咖啡类。 Go示例在 Go 中,由于语言的特性,装饰模式的实现可能略有不同。

    10910

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券