es6 语法学习 - 装饰器模式

es6 语法学习 - 装饰器模式

一、基本概念

装饰器设计模式（Decorator Pattern）是一种结构型设计模式，它允许用户动态地给对象添加额外的职责（功能），而不影响其他对象的功能。通过使用装饰器，用户可以在运行时添加新的行为和功能，而不需要修改原有的类。

二、 优点

• 灵活性：通过装饰器，可以在运行时增加和修改对象的功能，而不会影响其他对象。
• 单一职责原则：每个装饰器可以分担特定的功能，使得类的职责更加清晰。
• 可扩展性：可以通过组合多个装饰器来实现复杂的功能。

三、缺点

• 增加复杂性：装饰器模式可能使代码结构变得复杂，尤其是当有多个装饰器时，追踪对象的行为可能比较困难。
• 不容易理解：对于不熟悉装饰器模式的开发者，代码可能不容易理解。

四、使用场景

• 需要在运行时为对象添加功能，而不希望影响其他对象。
• 需要在对象的功能之间进行组合。
• 当希望为对象的功能添加一种灵活的方式时。

五、示例代码

我们创建一个简单的咖啡订单系统，其中可以通过装饰器为咖啡添加额外的配料。

// 基础类
class Coffee {
  cost() {
    return 5; // 基础咖啡的价格
  }

  getDescription() {
    return '普通咖啡';
  }
}

// 装饰器类 - 奶泡
class MilkDecorator {
  constructor(coffee) {
    this.coffee = coffee; // 被装饰的咖啡
  }

  cost() {
    return this.coffee.cost() + 1; // 奶泡的额外价格
  }

  getDescription() {
    return this.coffee.getDescription() + ', 加奶泡';
  }
}

// 装饰器类 - 香草
class VanillaDecorator {
  constructor(coffee) {
    this.coffee = coffee; // 被装饰的咖啡
  }

  cost() {
    return this.coffee.cost() + 0.5; // 香草的额外价格
  }

  getDescription() {
    return this.coffee.getDescription() + ', 加香草';
  }
}

// 客户端代码
let myCoffee = new Coffee();
console.log(`描述: ${myCoffee.getDescription()} | 价格: $${myCoffee.cost()}`);

// 添加奶泡
myCoffee = new MilkDecorator(myCoffee);
console.log(`描述: ${myCoffee.getDescription()} | 价格: $${myCoffee.cost()}`);

// 添加香草
myCoffee = new VanillaDecorator(myCoffee);
console.log(`描述: ${myCoffee.getDescription()} | 价格: $${myCoffee.cost()}`);

装饰器设计模式提供了一种灵活的方式来增强对象的功能而不改变原有的类结构。通过使用装饰器，能够在运行时为对象添加多种功能组合，使代码更加灵活且符合单一职责原则。在需要动态扩展对象功能的场景中，装饰器模式是一种非常有效的解决方案。