Sobes.tech
Middle

Wymień wzorce, które należą do kreacyjnych.

sobes.tech AI

Odpowiedź od AI

  • Metoda Fabryki (Factory Method): Definiuje interfejs do tworzenia obiektów, ale pozwala podklasom zdecydować, którą klasę zainstancjonować.
    // Interfejs fabryki
    class Creator {
        factoryMethod() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
    
        anOperation() {
            const product = this.factoryMethod();
            return `Twórca: ta sama logika, ${product.operation()}`;
        }
    }
    
    // Konkretny twórca tworzący ProductA
    class ConcreteCreatorA extends Creator {
        factoryMethod() {
            return new ConcreteProductA();
        }
    }
    
    // Interfejs produktu
    class Product {
        operation() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
    }
    
    // ConcreteProductA
    class ConcreteProductA extends Product {
        operation() {
            return "Wynik ConcreteProductA";
        }
    }
    
    // Użycie
    const creator = new ConcreteCreatorA();
    console.log(creator.anOperation());
    
  • Abstrakcyjna Fabryka (Abstract Factory): Zapewnia interfejs do tworzenia rodzin powiązanych lub zależnych obiektów, nie precyzując ich konkretnych klas.
    // Interfejs abstrakcyjnej fabryki
    class AbstractFactory {
        createProductA() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
        createProductB() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
    }
    
    // Konkretny twórca dla wariantu 1
    class ConcreteFactory1 extends AbstractFactory {
        createProductA() {
            return new ConcreteProductA1();
        }
        createProductB() {
            return new ConcreteProductB1();
        }
    }
    
    // Konkretny twórca dla wariantu 2
    class ConcreteFactory2 extends AbstractFactory {
        createProductA() {
            return new ConcreteProductA2();
        }
        createProductB() {
            return new ConcreteProductB2();
        }
    }
    
    // Interfejsy produktów
    class AbstractProductA {
        operationA() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
    }
    
    class AbstractProductB {
        operationB() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
        anotherOperationB(collaborator) {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
    }
    
    // ConcreteProductA1
    class ConcreteProductA1 extends AbstractProductA {
        operationA() {
            return "Wynik ConcreteProductA1";
        }
    }
    
    // ConcreteProductB1
    class ConcreteProductB1 extends AbstractProductB {
        operationB() {
            return "Wynik ConcreteProductB1";
        }
        anotherOperationB(collaborator) {
            return `Wynik ConcreteProductB1 wspólnie z ${collaborator.operationA()}`;
        }
    }
    
    // ConcreteProductA2
    class ConcreteProductA2 extends AbstractProductA {
        operationA() {
            return "Wynik ConcreteProductA2";
        }
    }
    
    // ConcreteProductB2
    class ConcreteProductB2 extends AbstractProductB {
        operationB() {
            return "Wynik ConcreteProductB2";
        }
        anotherOperationB(collaborator) {
            return `Wynik ConcreteProductB2 wspólnie z ${collaborator.operationA()}`;
        }
    }
    
    // Użycie
    function clientCode(factory) {
        const productA = factory.createProductA();
        const productB = factory.createProductB();
    
        console.log(productB.operationB());
        console.log(productB.anotherOperationB(productA));
    }
    
    console.log('Klient: Testowanie Factory1...');
    clientCode(new ConcreteFactory1());
    
    console.log('Klient: Testowanie Factory2...');
    clientCode(new ConcreteFactory2());
    
  • Budowniczy (Builder): Pozwala na tworzenie złożonych obiektów krok po kroku. Daje możliwość użycia tego samego procesu konstrukcji do uzyskania różnych reprezentacji obiektu.
    // Interfejs budowniczego
    class Builder {
        producePartA() { }
        producePartB() { }
        producePartC() { }
    }
    
    // Konkretna implementacja budowniczego
    class ConcreteBuilder1 extends Builder {
        constructor() {
            super();
            this.reset();
        }
        reset() {
            this.product = new Product1();
        }
        producePartA() {
            this.product.parts.push('PartA1');
        }
        producePartB() {
            this.product.parts.push('PartB1');
        }
        producePartC() {
            this.product.parts.push('PartC1');
        }
        getProduct() {
            const result = this.product;
            this.reset();
            return result;
        }
    }
    
    // Produkt
    class Product1 {
        constructor() {
            this.parts = [];
        }
        listParts() {
            console.log(`Części produktu: ${this.parts.join(', ')}`);
        }
    }
    
    // Dyrektor (opcjonalny, zarządza procesem konstrukcji)
    class Director {
        setBuilder(builder) {
            this.builder = builder;
        }
        buildMinimalViableProduct() {
            this.builder.producePartA();
        }
        buildFullFeaturedProduct() {
            this.builder.producePartA();
            this.builder.producePartB();
            this.builder.producePartC();
        }
    }
    
    // Użycie
    const director = new Director();
    const builder = new ConcreteBuilder1();
    director.setBuilder(builder);
    
    console.log('Standardowy minimalny produkt:');
    director.buildMinimalViableProduct();
    builder.getProduct().listParts();
    
    console.log('Standardowy pełny produkt:');
    director.buildFullFeaturedProduct();
    builder.getProduct().listParts();
    
    console.log('Produkt użytkownika:');
    builder.producePartA();
    builder.producePartC();
    builder.getProduct().listParts();
    
  • Prototyp (Prototype): Pozwala na kopiowanie istniejących obiektów, nie zagłębiając się w szczegóły ich implementacji.
    // Interfejs prototypu
    class Prototype {
        clone() {
            throw new Error("Metoda musi być zaimplementowana przez podklasy");
        }
    }
    
    // Konkretne prototypy
    class ConcretePrototype1 extends Prototype {
        constructor(property) {
            super();
            this.property = property;
        }
        clone() {
            const clone = new ConcretePrototype1(this.property);
            // Można dodać głębokie kopiowanie innych właściwości
            return clone;
        }
    }
    
    // Użycie
    const original = new ConcretePrototype1("wartość");
    const clone = original.clone();
    
    console.log(`Oryginał property: ${original.property}`);
    console.log(`Klon property: ${clone.property}`);
    console.log(`Czy to różne obiekty? ${original !== clone}`);
    
  • Singleton (Singleton): Gwarantuje, że klasa ma tylko jedną instancję i zapewnia do niej globalny dostęp.
    class Singleton {
        static instance;
        constructor() {
            if (Singleton.instance) {
                return Singleton.instance;
            }
            Singleton.instance = this;
        }
        someBusinessLogic() {
            // ...
        }
    }
    
    // Użycie
    const s1 = new Singleton();
    const s2 = new Singleton();
    
    console.log(`Czy to te same instancje? ${s1 === s2}`);