Schneller Tipp: Was sind Fabrikfunktionen in JavaScript?

JavaScript -Fabrikfunktionen: Erstellen Sie leistungsstarke Muster zum Komponieren von Objekten

JavaScript Factory -Funktion ist eine Funktion, die ein Objekt zurückgibt und mehrere ähnliche Objekte erstellen kann, ohne die Schlüsselwörter new oder this zu verwenden. In diesem Artikel werden mehrere Verwendungen von Werksfunktionen untersucht, einschließlich parametrischer Fabrikfunktionen, komponierbarer Fabrikfunktionen, asynchronen Fabrikfunktionen und erweiterten Fabrikfunktionen, um zu zeigen, wie sie flexibler und einfacher für die Wartung von JavaScript -Code erstellt werden können.

Kernkonzepte

• FACTORY -Funktion: Gibt die Funktion des Objekts zurück.
• Parametrisierte Fabrikfunktion: Parameter akzeptieren, um die Fabrikfunktion zu ändern, die die Objektstruktur zurückgibt.
• Verbundfabrikfunktionen: Erstellen Sie Fabrikfunktionen komplexer Objekte durch Kombination anderer Fabrikfunktionen.
• Asynchrone Fabrikfunktion: Gibt die Fabrikfunktion des Versprechens zurück, asynchrone Operationen zu behandeln.
• Erweiterte Werksfunktionen: Fabrikfunktionen als Funktionsparameter übergeben, zum Erstellen von Verbesserungen (z. B. Zeitstempel hinzufügen oder unveränderliche Objekte erstellen).

Einfaches Beispiel

Eine einfache Fabrikfunktion:

function createJelly() {
  return {
    type: 'jelly',
    colour: 'red',
    scoops: 3
  };
}

Jedes Mal, wenn die Funktion createJelly() aufgerufen wird, wird eine neue Gelee -Objektinstanz zurückgegeben. Funktionsnamen beginnen nicht unbedingt mit create, aber dies kann die Lesbarkeit des Codes verbessern.

Parameterisierungsfabrikfunktion

Wie bei allen Funktionen können die Fabrikfunktionen auch Parameter akzeptieren, um die Struktur des zurückgegebenen Objekts zu ändern:

function createIceCream(flavour = 'Vanilla') {
  return {
    type: 'icecream',
    scoops: 3,
    flavour
  };
}

Während theoretisch eine große Anzahl von Parametern verwendet werden kann, um sehr spezifische verschachtelte Objekte zu erstellen, passt dies nicht zur Idee von Kombinationen.

Verbundfabrikfunktion

Durch Definieren einer Fabrikfunktion als Kombination aus einer anderen, komplexen Fabrikfunktionen können in kleinere, wiederverwendbarere Fragmente unterteilt werden. Zum Beispiel könnten wir eine Dessert -Fabrikfunktion erstellen, die auf der vorherigen Funktion der Jelly und der Eiscreme -Fabrik basiert:

function createDessert() {
  return {
    type: 'dessert',
    bowl: [
      createJelly(),
      createIceCream()
    ]
  };
}

Durch Kombination von Fabrikfunktionen können Sie eine komplexe Struktur erstellen, ohne new oder this zu verwenden.

Kombination vs. Vererbung

Kombinationen sind in der Regel eher zur Beziehung „HAS-A“ geneigt, während die Erbschaft eher zur Beziehung „IS-A“ neigt. Implementieren Sie beispielsweise Trifle mit Vererbung:

// Trifle is a Dessert
function Trifle() {
  Dessert.apply(this, arguments);
}
Trifle.prototype = Dessert.prototype;
// 或使用 ES6 class
class Trifle extends Dessert {}

und verwenden Sie die Kombination, um Trifle zu implementieren:

// Trifle has layers of jelly, custard and cream. It also has a topping.
function createTrifle() {
  return {
    type: 'trifle',
    layers: [
      createJelly(),
      createCustard(),
      createCream()
    ],
    topping: createAlmonds()
  };
}

Async Factory -Funktion

Nicht alle Fabrikfunktionen können Daten sofort zurückgeben. Einige Werksfunktionen müssen möglicherweise zuerst die Daten erhalten. In diesen Fällen kann die Fabrikfunktion, die ein Versprechen zurückgibt, verwendet werden:

function getMeal(menuUrl) {
  return new Promise((resolve, reject) => {
    fetch(menuUrl)
      .then(result => {
        resolve({
          type: 'meal',
          courses: result.json()
        });
      })
      .catch(reject);
  });
}

Um eine zu tiefe Verschachtelung zu vermeiden, kann die asynchrone Fabrikfunktion in mehrere unabhängige Fabrikfunktionen zerlegt werden und dann kombiniert:

function getMeal(menuUrl) {
  return fetch(menuUrl)
    .then(result => result.json())
    .then(json => createMeal(json));
}

function createMeal(courses = []) {
  return {
    type: 'meal',
    courses
  };
}

Sie können Promise.all verwenden, um mehrere Werksfunktionen zu kombinieren, die ein Versprechen zurückgeben:

function getWeeksMeals() {
  const menuUrl = 'jsfood.com/';
  return Promise.all([
    getMeal(`${menuUrl}/monday`),
    // ...
  ]);
}

Funktionen und Methoden

Fabrikfunktionen geben normalerweise keine Objekte zurück, die Methoden enthalten, da dies die Daten und die Berechnungen verbindet. Fabrikfunktionen konzentrieren sich auf das Erstellen von Datenobjekten, während die Logik der Manipulation von Daten durch unabhängige Funktionen verarbeitet wird.

erweiterte Fabrikfunktion

Fabrikfunktionen als Funktionen höherer Ordnung können eine leistungsstarke Kontrolle erzielen. Sie können beispielsweise einen Enhancer mit erweiterten Werksfunktionen erstellen:

function createJelly() {
  return {
    type: 'jelly',
    colour: 'red',
    scoops: 3
  };
}

Dieser Enhancer übernimmt eine vorhandene Fabrikfunktion und verwandelt sie in eine Fabrikfunktion, die eine Instanz mit einem Zeitstempel zurückgibt.

Schlussfolgerung

Fabrikfunktionen sind ein einfaches und leistungsstarkes Muster, das die Verwendung von Komposition und nicht die Vererbung fördert und flexiblerer und leichter zu testen und aufrechtzuerhalten. Durch die Verwendung von einfachen Bausteinen kann der Code leichter verstehen und aufrechterhalten werden.

(Folgendes ist der FAQ

FAQ (FAQ)

• Der Unterschied zwischen Fabrikfunktionen und Konstruktoren? Die Fabrikfunktion

  gibt das Objekt direkt ohne das Schlüsselwort zurück. Fabrikfunktionen entsprechen flexibler und entsprechen mehr dem funktionalen Programmierstil. new new this

  Wie erstelle ich private Variablen in Fabrikfunktionen?
Verschlüsse verwenden. Private Variablen werden in der Fabrikfunktion deklariert und können nur durch Methoden im von der Fabrikfunktion zurückgegebenen Objekt zugegriffen werden.

• Können Fabrikfunktionen mit ES6 -Pfeilfunktionen verwendet werden?
Ja.

• Wie fügt ich die Fabrikfunktionen Methoden hinzu?
Methode in dem von der Fabrikfunktion zurückgegebenen Objekt definieren.

• Können Fabrikfunktionen andere Fabrikfunktionen erben?
Sie können mehrere Objekteigenschaften mit
• kombinieren oder die Operatoren erweitern, um die Vererbung zu simulieren.

  Object.assign

  Welche Rolle spielt die Schließung in Fabrikfunktionen?
Verschlüsse implementieren Datenkapselung und erstellen private Variablen und Methoden.

• Kann die Fabrikfunktion andere Funktionen zurückgeben?
Ja, dies wird häufig verwendet, um Funktionen höherer Ordnung zu erstellen.

• Wie kann man Fabrikfunktionen mit JavaScript -Modulen verwenden?
exportieren Sie die Fabrikfunktion, importieren Sie sie und verwenden Sie sie in anderen Modulen.

Das obige ist der detaillierte Inhalt vonSchneller Tipp: Was sind Fabrikfunktionen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!