Funktionskomposition in JavaScript

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir das Konzept der Funktionskomposition in JavaScript erkunden. Wir werden lernen, wie mehrere Funktionen kombiniert werden, um eine neue Funktion zu erstellen, und wie die compose()-Funktion verwendet wird, um eine rechts-links-Funktionskomposition durchzuführen. Anhand von praktischen Beispielen und Übungen werden wir ein tieferes Verständnis dieser leistungsstarken Technik und ihrer praktischen Anwendungen in der Programmierung erlangen.

Dies ist ein Guided Lab, das schrittweise Anweisungen bietet, um Ihnen beim Lernen und Üben zu helfen. Befolgen Sie die Anweisungen sorgfältig, um jeden Schritt abzuschließen und praktische Erfahrungen zu sammeln. Historische Daten zeigen, dass dies ein Labor der Stufe Anfänger mit einer Abschlussquote von 100% ist. Es hat eine positive Bewertungsrate von 100% von den Lernenden erhalten.

Wie man Funktionen in JavaScript zusammensetzt

Um zu beginnen, mit der Programmierung mit Funktionskomposition in JavaScript zu üben, öffnen Sie das Terminal/SSH und geben Sie node ein.

Hier ist ein Beispiel dafür, wie man eine rechts-links-Funktionskomposition in JavaScript durchführt:

  1. Verwenden Sie Array.prototype.reduce(), um eine rechts-links-Funktionskomposition durchzuführen.
  2. Die letzte (rechtsmöglichste) Funktion kann einen oder mehrere Argumente akzeptieren; die verbleibenden Funktionen müssen einstellige Funktionen sein.
  3. Definieren Sie die compose-Funktion, die beliebig viele Funktionen als Argumente entgegennimmt und eine neue Funktion zurückgibt, die diese zusammensetzt.
  4. Rufen Sie die compose-Funktion mit den gewünschten Funktionen in der gewünschten Reihenfolge auf.
  5. Rufen Sie die neue zusammengesetzte Funktion mit allen erforderlichen Argumenten auf.
const compose = (...fns) =>
  fns.reduce(
    (f, g) =>
      (...args) =>
        f(g(...args))
  );

Nehmen wir beispielsweise an, dass wir zwei Funktionen haben:

const add5 = (x) => x + 5;
const multiply = (x, y) => x * y;

Wir können diese Funktionen mit compose zusammensetzen:

const multiplyAndAdd5 = compose(add5, multiply);

Jetzt können wir multiplyAndAdd5 mit den gewünschten Argumenten aufrufen:

multiplyAndAdd5(5, 2); // 15

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Compose Functions" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.