装饰器模式Decorator Pattern
允许向一个现有的对象添加新的功能,同时又不改变其结构,这种类型的设计模式属于结构型模式,是作为现有的类的一个包装。这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法完整性的前提下,提供了额外的功能。
一般有两种方式可以实现给一个类或对象增加行为:
Decorator
。装饰模式以对客户透明的方式动态地给一个对象附加上更多的责任,也就是说客户端并不会觉得对象在装饰前和装饰后有什么不同,装饰模式可以在不需要创造更多子类的情况下,将对象的功能加以扩展。
Component
: 抽象构件。ConcreteComponent
: 具体构件。Decorator
: 抽象装饰类。ConcreteDecorator
: 具体装饰类。final
类。class Component{
say(){
throw new Error("Abstract method cannot be called");
}
}
class ConcreteComponent extends Component{
say(){
console.log("ConcreteComponent");
}
}
class Decorator extends Component{
constructor(concreteComponent){
super();
this.concreteComponent = concreteComponent;
}
say(){
this.concreteComponent.say();
}
}
class ConcreteDecorator extends Decorator{
constructor(concreteComponent){
super(concreteComponent);
}
say(){
console.log("Decoratored ConcreteComponent");
}
}
(function(){
var concreteComponent = new ConcreteComponent();
concreteComponent.say(); // ConcreteComponent
var decoratoredConcreteComponent = new ConcreteDecorator(concreteComponent);
decoratoredConcreteComponent.say(); // Decoratored ConcreteComponent
})();
https://github.com/WindrunnerMax/EveryDay
https://imweb.io/topic/5b1403bbd4c96b9b1b4c4e9e
https://www.runoob.com/design-pattern/decorator-pattern.html
https://design-patterns.readthedocs.io/zh_CN/latest/structural_patterns/decorator.html