데코레이터 decorator 패턴 - 자바스크립트 예제

// Component: 공통 인터페이스
class Coffee {
  cost() {
    throw new Error("cost()는 반드시 구현되어야 합니다.");
  }

  getDescription() {
    throw new Error("getDescription()은 반드시 구현되어야 합니다.");
  }
}

// ConcreteComponent: 장식될 기본 객체
class SimpleCoffee extends Coffee {
  cost() {
    return 5; // 기본 커피 가격 5
  }

  getDescription() {
    return "기본 커피";
  }
}

// Decorator: 다른 Coffee 객체를 감싸는 역할
class CoffeeDecorator extends Coffee {
  constructor(coffee) {
    super();
    this._coffee = coffee; // 감쌀 Coffee 객체를 저장
  }

  cost() {
    return this._coffee.cost(); // 감싼 객체의 cost()를 호출
  }

  getDescription() {
    return this._coffee.getDescription(); // 감싼 객체의 getDescription()을 호출
  }
}

// ConcreteDecorator A: 우유 추가
class WithMilk extends CoffeeDecorator {
  constructor(coffee) {
    super(coffee);
  }

  cost() {
    return super.cost() + 2; // 기본 가격에 우유 가격 추가
  }

  getDescription() {
    return super.getDescription() + ", 우유 추가";
  }
}

// ConcreteDecorator B: 설탕 추가
class WithSugar extends CoffeeDecorator {
  constructor(coffee) {
    super(coffee);
  }

  cost() {
    return super.cost() + 1; // 기본 가격에 설탕 가격 추가
  }

  getDescription() {
    return super.getDescription() + ", 설탕 추가";
  }
}

// 클라이언트 코드
let coffee = new SimpleCoffee();
console.log(`${coffee.getDescription()} - 가격: ${coffee.cost()}`);
// 출력: 기본 커피 - 가격: 5

// 우유를 추가해봅시다.
coffee = new WithMilk(coffee);
console.log(`${coffee.getDescription()} - 가격: ${coffee.cost()}`);
// 출력: 기본 커피, 우유 추가 - 가격: 7

// 거기에 설탕도 추가해봅시다.
coffee = new WithSugar(coffee);
console.log(`${coffee.getDescription()} - 가격: ${coffee.cost()}`);
// 출력: 기본 커피, 우유 추가, 설탕 추가 - 가격: 8

// 순서를 바꿔서 설탕을 먼저 추가할 수도 있습니다.
let anotherCoffee = new SimpleCoffee();
anotherCoffee = new WithSugar(anotherCoffee);
anotherCoffee = new WithMilk(anotherCoffee);
console.log(
  `${anotherCoffee.getDescription()} - 가격: ${anotherCoffee.cost()}`
);
// 출력: 기본 커피, 설탕 추가, 우유 추가 - 가격: 8