Heim > Web-Frontend > js-Tutorial > Hauptteil

Fortgeschrittene Anwendungen der funktionalen Programmierung in JavaScript

PHPz
Freigeben: 2023-06-15 23:01:41
Original
1405 Leute haben es durchsucht

JavaScript ist eine Sprache, die funktionale Programmierung unterstützt. Die Kernidee der funktionalen Programmierung besteht darin, Daten und Funktionen zu trennen und dabei die Unveränderlichkeit und das Fehlen von Nebenwirkungen des Programms hervorzuheben. Die funktionale Programmierung verfügt über eine prägnante Syntax und bietet große Vorteile bei der Codeorganisation und beim Testen. In diesem Artikel werden einige fortgeschrittene Anwendungen der funktionalen Programmierung in JavaScript vorgestellt.

  1. Reine Funktion

Eines der grundlegendsten Konzepte ist die Reinheit der Funktion. Eine reine Funktion bedeutet, dass eine Funktion, die zu jedem Zeitpunkt dieselben Parameter eingibt, das gleiche Ergebnis ohne Nebenwirkungen erzielt. Der Vorteil dieser Funktion besteht darin, dass sie in einer gleichzeitigen Umgebung leicht zwischengespeichert werden kann. Außerdem ist sie hilfreich bei der Handhabung von Rekursionen und der Vermeidung unnötiger wiederholter Berechnungen. Eine Addition kann durch die folgende Funktion implementiert werden:

function add(a, b) {
  return a + b;
}
Nach dem Login kopieren

Diese Funktion ist eine typische reine Funktion. Weil es nur unter bestimmten Eingaben eine Ausgabe geben wird. Ein häufiger Nebeneffekt besteht jedoch darin, dass eine Funktion die Umgebung beeinflusst, in der sie sich befindet, z. B. indem sie den Wert einiger Variablen ändert oder externe Funktionen aufruft. Daher sollten bei der funktionalen Programmierung diese Nebenwirkungen so weit wie möglich vermieden werden, dh es sollten so viele reine Funktionen wie möglich geschrieben werden.

  1. Funktionen höherer Ordnung

Eine Funktion höherer Ordnung ist eine Funktion, die eine oder mehrere Funktionen als Parameter empfängt oder eine Funktion als Rückgabewert zurückgibt. Mit dieser Art von Funktion können Anforderungen flexibler umgesetzt und Codeduplizierungen reduziert werden. Die folgende Funktion ist ein Beispiel für eine Funktion höherer Ordnung, die eine Funktion als Parameter akzeptieren und eine neue Funktion zurückgeben kann:

function compose(fn1, fn2) {
  return function(value) {
    return fn1(fn2(value));
  };
}
Nach dem Login kopieren

Diese Funktion gibt eine neue Funktion zurück, die zuerst fn2 aufruft und dann das Ergebnis als an fn1 übergibt Parameter. Sie können diese Funktion verwenden, um mehrere Funktionen zu kombinieren, wie unten gezeigt:

function add10(val) {
  return val + 10;
}

function square(val) {
  return val * val;
}

var result = compose(add10, square)(5);
console.log(result); // 35 (5 + 10) * (5 + 10)
Nach dem Login kopieren

In diesem Beispiel addieren wir 10 und quadrieren zur Compose-Funktion. Diese Funktion gibt eine neue Funktion zurück. Schließlich wurden die erwarteten Ergebnisse zurückgegeben.

  1. Currying

Currying ist eine Technik, die eine Funktion in eine Form umwandelt, die jeweils nur ein Argument akzeptiert. Das Konvertieren des Werts einer Funktion mit mehreren Parametern in eine Funktionskette mit einem Parameter kann auch als eine Art „Vorverarbeitung“ der Funktion bezeichnet werden, sodass sie flexibler verwendet werden kann. Die folgende Funktion kann die Summe mehrerer Werte implementieren:

function add(a, b, c) {
  return a + b + c;
}

add(1, 2, 3); // 6
Nach dem Login kopieren

Und diese Funktion kann Schritt für Schritt durch Currying implementiert werden:

function add(a) {
  return function(b) {
    return function(c) {
      return a + b + c;
    };
  };
}

add(1)(2)(3); // 6
Nach dem Login kopieren

Wie Sie sehen können, erhält die Add-Funktion durch Currying zuerst den ersten Parameter und gibt eine Funktion zurück das erhält das zweite Argument. Jetzt können wir die Parameter einzeln übergeben und jedes Mal eine neue Funktion zurückgeben, bis schließlich die Funktion zurückgegeben wird.

  1. Funktionskomposition

Funktionskomposition besteht darin, zwei oder mehr Funktionen zu kombinieren, um eine neue Funktion zu generieren, und dann ihre Ergebnisse miteinander zu kombinieren. In der funktionalen Programmierung ist die Funktionskomposition die effektivste Methode, kleine Funktionen zu großen Funktionen zu kombinieren. Mit der Compose-Funktion können wir mehrere Funktionen kombinieren. Hier ist ein Beispiel für die Funktionskomposition:

function add(a) {
  return a + 10;
}

function multiply(b) {
  return b * 2;
}

const addingAndMultiplying = compose(multiply, add);

addingAndMultiplying (10); // 40                                                        
Nach dem Login kopieren

In diesem Beispiel definieren wir zunächst zwei einfache Funktionen addieren und multiplizieren und verwenden dann die Kompositionsfunktion compose, um sie zu einer neuen Funktion zu kombinieren. Diese neue Funktion kann mehrere Funktionen gleichzeitig aufrufen und ihre Ergebnisse miteinander kombinieren. Wenn wir 10 an die Funktion „addingAndMultiplying“ übergeben, ruft diese zunächst die Funktion „add“ auf, die 10 zu 10 addiert und uns 20 ergibt. Als nächstes übergibt es das Ergebnis an die Multiplikationsfunktion, die 20 mit 2 multipliziert und das Endergebnis 40 ergibt.

  1. Die kombinierte Anwendung von Funktions-Currying und Komposition

Die Kombination von Funktions-Currying und Komposition wird häufig in der funktionalen Programmierung verwendet. Zum Beispiel können wir einige Funktionen definieren und zusammenfassen, um einige Operationen abzuschließen:

function add(a) {
  return function(b) {
    return a + b;
  };
}

function multiply(a) {
  return function(b) {
    return a * b;
  };
}

function subtract(a) {
  return function(b) {
    return b - a;
  };
}

function divide(a) {
  return function(b) {
    return b / a;
  };
}

const discount = compose(subtract(10), multiply(0.1), add(20), divide(2));

discount(50); // 5
Nach dem Login kopieren

In diesem Beispiel definieren wir zunächst vier einfache Funktionen Addieren, Multiplizieren, Subtrahieren und Dividieren und transformieren sie mithilfe der Funktion Currying. Mit dem Funktionskombinator compose können wir alle Operationen verknüpfen und das Endergebnis erhalten. Dieses Beispiel zeigt, wie Sie mithilfe von Currying und Komposition mehrere einfache Funktionen zu einer einzigen Funktion kombinieren.

Fazit

In diesem Artikel wurden einige erweiterte Anwendungen für die Implementierung funktionaler Programmierung in JavaScript vorgestellt, z. B. reine Funktionen, Funktionen höherer Ordnung, Currying, Funktionskomposition und Curry-Funktionskomposition. Diese Konzepte basieren auf einigen Kernideen der funktionalen Programmierung, beispielsweise der Reinheit und Unveränderlichkeit von Funktionen. Diese Techniken können dabei helfen, Code zu schreiben, der flexibler, wiederverwendbarer und einfacher testbar ist. Wenn Sie mehr über funktionale Programmierung erfahren möchten, können Sie sich die Dokumentation zu Ramda.js ansehen, einer Bibliothek, die eine Fülle funktionaler Programmiertools bereitstellt.

Das obige ist der detaillierte Inhalt vonFortgeschrittene Anwendungen der funktionalen Programmierung in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage