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}`);