>웹 프론트엔드 >JS 튜토리얼 >추상 공장 디자인 패턴

추상 공장 디자인 패턴

Susan Sarandon
Susan Sarandon원래의
2024-10-05 16:22:29979검색

추상 팩토리 메소드 디자인 패턴 :- 기본적으로 패턴 안의 패턴입니다. 공장 디자인 방식과 마찬가지로 유사한 개체군에 속하는 개체를 만드는 데 필요한 창조적인 디자인 패턴입니다. 유사한 유형의 객체를 생성한 패턴 여기서는 유사한 객체 계열에 속하는 객체를 생성하기 위해 공장 팩토리를 사용하고 있습니다.

팩토리와 추상적인 팩토리 디자인 패턴의 차이점

Abstract Factory Design Pattern

Abstract Factory Design Pattern

추상 팩토리 패턴은 팩토리 메소드 패턴과 유사하지만 레이어가 하나 더 있습니다. Abstract Factory에는 관련 개체(예: 버튼 또는 확인란) 그룹을 생성하는 방법을 정의하는 중앙 인터페이스(또는 "팩토리")가 있습니다.

각 콘크리트 팩토리 클래스는 실제 객체를 생성하는 데 사용할 특정 팩토리(예: Windows 또는 Mac용 팩토리)를 결정합니다. 그런 다음 Mac 버튼이나 Windows 확인란과 같은 최종 개체를 생성하기 위한 논리가 이러한 Concrete Product 클래스에 구현됩니다.

요약:

  1. 추상 팩토리는 객체군을 생성하는 방법을 정의합니다.
  2. 콘크리트 공장은 논리에 따라 어떤 특정 공장을 사용할지 결정합니다.
  3. 콘크리트 제품(실물)은 이러한 공장의 논리를 바탕으로 만들어집니다.

이 패턴은 코드를 특정 구현과 긴밀하게 연결하지 않고도 관련 객체를 생성하는 데 도움이 됩니다.

추상 팩토리 디자인 패턴의 클래스 다이어그램


        +----------------------+
        |   AbstractFactory     | <------------------------------+
        |---------------------- |                                  |
        | + createProductA()    |                                  |
        | + createProductB()    |                                  |
        +----------------------+                                   |
                  ^                                                |
                  |                                                |
   +-------------------------+             +-------------------------+
   |     ConcreteFactory1     |             |     ConcreteFactory2     |
   |------------------------- |             |-------------------------|
   | + createProductA()       |             | + createProductA()       |
   | + createProductB()       |             | + createProductB()       |
   +-------------------------+             +-------------------------+
            |                                       |
            |                                       |
    +---------------+                      +---------------+
    |   ProductA1   |                      |   ProductA2   |
    +---------------+                      +---------------+
    +---------------+                      +---------------+
    |   ProductB1   |                      |   ProductB2   |
    +---------------+                      +---------------+



추상적인 공장 디자인 패턴을 이해하기 위한 비유: 스마트폰 제조업체

Android와 iPhone이라는 두 가지 제품 라인을 제공하는 스마트폰 회사를 상상해 보세요. 두 회선 모두 휴대폰과 충전기가 포함되어 있지만 각 회선의 특정 모델이 다릅니다.

한 스마트폰 회사가 Android와 iPhone이라는 두 가지 제품 라인을 만들고 있으며 각각 휴대폰과 충전기가 있습니다.

  • Abstract Factory: 어떤 제품(휴대전화 및 충전기)을 만들어야 하는지 정의하는 청사진이라고 생각하세요.
  • 콘크리트 공장: 선택한 라인(Android 또는 iPhone)을 기반으로 특정 제품을 생산하는 Android 및 iPhone 부서와 같습니다.
  • 콘크리트 제품 ​​: 각 부서에서 제작한 실제 물품(안드로이드폰, 안드로이드 충전기, 아이폰, 아이폰 충전기)
  • 클라이언트: 귀하는 고객으로서 Android 또는 iPhone 중에서 선택하면 제품 제작 방법을 알 필요 없이 귀하에게 적합한 제품이 만들어집니다. 이 패턴을 사용하면 내부 생성 로직을 노출하지 않고 호환되는 제품(휴대전화 및 충전기)이 함께 생성되도록 보장합니다.

다음은 위 비유에 대한 UML 다이어그램입니다


                 +--------------------+
                 |   AbstractFactory   |  <--- Abstract Interface for creating products
                 +--------------------+
                 | + createPhone()     |
                 | + createCharger()   |
                 +--------------------+
                          /\
                          ||
        +-------------------------------------------+
        |                                           |
+----------------------+                  +----------------------+
|  AndroidFactory      |                  |  iPhoneFactory       |  <-- Concrete Factories
+----------------------+                  +----------------------+
| + createPhone()      |                  | + createPhone()      |
| + createCharger()    |                  | + createCharger()    |
+----------------------+                  +----------------------+
        /\                                      /\
        ||                                      ||
+-------------------+                +-------------------+
| AndroidPhone      |                | iPhone            |  <-- Concrete Products
+-------------------+                +-------------------+
| + makeCall()      |                | + makeCall()      |
+-------------------+                +-------------------+
+-------------------+                +-------------------+
| AndroidCharger    |                | iPhoneCharger     |  <-- Concrete Products
+-------------------+                +-------------------+
| + charge()        |                | + charge()        |
+-------------------+                +-------------------+

Client
+----------------------------------+                <-- Client Code
| Calls either AndroidFactory or   |
| iPhoneFactory to get products    |
+----------------------------------+



더 나은 방식으로 이해하기 위한 위의 비유에 대한 코드는 다음과 같습니다


// Abstract Factory
class AbstractFactory {
  createPhone() {
    throw new Error('This method should be overridden');
  }

  createCharger() {
    throw new Error('This method should be overridden');
  }
}

// Concrete Factory for Android
class AndroidFactory extends AbstractFactory {
  createPhone() {
    return new AndroidPhone();
  }

  createCharger() {
    return new AndroidCharger();
  }
}

// Concrete Factory for iPhone
class iPhoneFactory extends AbstractFactory {
  createPhone() {
    return new iPhone();
  }

  createCharger() {
    return new iPhoneCharger();
  }
}

// Product classes for Android
class AndroidPhone {
  makeCall() {
    return 'Making a call from Android Phone';
  }
}

class AndroidCharger {
  charge() {
    return 'Charging Android Phone';
  }
}

// Product classes for iPhone
class iPhone {
  makeCall() {
    return 'Making a call from iPhone';
  }
}

class iPhoneCharger {
  charge() {
    return 'Charging iPhone';
  }
}

// Client code
function getFactory(osType) {
  switch (osType) {
    case 'Android':
      return new AndroidFactory();
    case 'iPhone':
      return new iPhoneFactory();
    default:
      throw new Error('Unknown OS type');
  }
}

// Example usage
const androidFactory = getFactory('Android');
const androidPhone = androidFactory.createPhone();
const androidCharger = androidFactory.createCharger();

console.log(androidPhone.makeCall());  // Output: Making a call from Android Phone
console.log(androidCharger.charge());  // Output: Charging Android Phone

const iphoneFactory = getFactory('iPhone');
const iphone = iphoneFactory.createPhone();
const iphoneCharger = iphoneFactory.createCharger();

console.log(iphone.makeCall());        // Output: Making a call from iPhone
console.log(iphoneCharger.charge());   // Output: Charging iPhone



추상 팩토리 패턴은 정확한 클래스를 지정하지 않고 관련 객체의 패밀리 생성을 촉진하는 강력한 디자인 접근 방식입니다. 실제 제품 생성에서 클라이언트 코드를 분리함으로써 새로운 제품군을 도입할 때 유연성, 확장성 및 깔끔한 코드 관리가 보장됩니다. 크로스 플랫폼 인터페이스를 관리하든, 다양한 제품 라인을 생성하든 관계없이 이 패턴은 객체 생성 복잡성을 처리하기 위한 구조화되고 유지 관리 가능한 솔루션을 제공합니다. Abstract Factory를 구현하면 코드를 미래에 대비하고 시스템이 발전함에 따라 문제를 명확하게 분리하는 데 도움이 됩니다.

이러한 아이디어를 작업에 어떻게 적용했는지 듣고 싶습니다. 아래 댓글로 여러분의 생각이나 질문을 공유해 주세요. 여러분의 의견을 듣고 싶습니다.

이 배움의 여정에 함께해주셔서 감사합니다!

위 내용은 추상 공장 디자인 패턴의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.