12、装饰者模式

最新推荐文章于 2024-12-24 19:43:09 发布

原创最新推荐文章于 2024-12-24 19:43:09 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

js设计模式同时被 2 个专栏收录

14 篇文章

订阅专栏

js常见设计模式

13 篇文章

订阅专栏

博客介绍了装饰者模式，它能动态给对象添加额外职责，且不影响派生对象，还给出了参考书籍《JavaScript设计模式与开发实践》。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、特点

装饰者模式可以动态地给某个对象添加一些额外的职责，而不会影响从这个类中派生的其他对象。

2、demo

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('发射原子弹');
}

var plane = new Plane();
plane = new MissileDecorator(plane);
plane = new AtomDecorator(plane);
plane.fire();
// 分别输出： 发射普通子弹、发射导弹、发射原子弹

参考文献：《JavaScript设计模式与开发实践》