"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > JavaScript 디자인 패턴 - 행동 - 전략

JavaScript 디자인 패턴 - 행동 - 전략

2024-11-01에 게시됨
검색:807

JavaScript Design Patterns - Behavioral - Strategy

전략 패턴은 알고리즘 계열을 정의하고 각 알고리즘을 캡슐화하며 상호 교환 가능하게 만듭니다.

이 예에는 장바구니에 적용할 수 있는 할인 세트가 있습니다. 생성자에 적용할 함수를 전달하여 할인 금액을 변경할 수 있습니다.

class ShoppingCart {
  constructor(discount) {
    this.discount = discount;
    this.amount = 0;
  }

  checkout() {
    return this.discount(this.amount);
  }

  setAmount(amount) {
    this.amount = amount;
  }
}

function guest(amount) {
  return amount;
}

function regular(amount) {
  return amount * 0.9;
}

function premium(amount) {
  return amount * 0.8;
}

export { ShoppingCart, guest, regular, premium };

완전한 예가 여기에 있습니다. https://stackblitz.com/edit/vitejs-vite-tygwh3?file=strategy.js

결론

일부 동작을 실행하는 방식만 다른 유사한 클래스가 많을 때 이 패턴을 사용하세요.


도움이 되셨기를 바랍니다. 읽어주셔서 감사합니다. ?

연결하자! 다음에서 저를 찾으실 수 있습니다:

  • 매체: https://medium.com/@nhannguyendevjs/
  • 개발자: https://dev.to/nhannguyendevjs/
  • 해시노드: https://nhannguyen.hashnode.dev/
  • 링크드인: https://www.linkedin.com/in/nhannguyendevjs/
  • X(이전 트위터): https://twitter.com/nhannguyendevjs/
  • 커피 사주세요: https://www.buymeacoffee.com/nhannguyendevjs
릴리스 선언문 이 글은 https://dev.to/nhannguyendevjs/javascript-design-patterns-behavioral-strategy-152d?1에서 복제되었습니다.1 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3