JavaScript -Funktion Kombination: Erstellen Sie mehr auf dem Wartezustandbare

JavaScript -Funktionszusammensetzung ist eine Technik, um mehrere einfache Funktionen in eine einzelne komplexere Funktion zu kombinieren, die Unterfunktionsvorg?nge für eine bestimmte Daten in logischer Reihenfolge ausführt. Die Reihenfolge, in der Funktionen angewendet werden, führt zu unterschiedlichen Ergebnissen.

Um den Code für den Warteur zu schreiben, ist es entscheidend, den Rückgabetyp jeder kombinierten Funktion zu verstehen, um sicherzustellen, dass die n?chste Funktion ihn korrekt verarbeiten kann. JavaScript verhindert nicht, dass die Kombination Funktionen unangemessener Typen zurückgibt, sodass dieser Teil der Verantwortung auf den Programmierer liegt.

Für diejenigen, die mit dem funktionalen Programmierparadigma nicht vertraut sind, kann die Kombination von Funktionen den Code kompliziert erscheinen lassen. Mit dem Aufkommen der ES2015 -Syntax mit Pfeilfunktionen ist es jedoch m?glich, einfache Kombinationsfunktionen in einer Codezeile zu erstellen, ohne dass spezielle Kombinationsmethoden erforderlich sind.

kombinierte Funktionen sollten reine Funktionen sein, was bedeutet, dass jedes Mal, wenn ein bestimmter Wert an eine Funktion übergeben wird, die Funktion das gleiche Ergebnis zurückgeben sollte und die Funktion keine Nebenwirkungen haben sollte, um ihre eigenen externen Werte zu ?ndern. Dadurch werden sauberer, lesbarer Code erzeugt.

Dieser Artikel wurde von Jeff Mott, Dan Prince und Sebastian Seitz überprüft. Vielen Dank an alle SitePoint -Peer -Rezensenten, die SidePoint -Inhalte für den Besten erhalten haben!

Einer der Vorteile des funktionalen Denkens ist die F?higkeit, komplexe Funktionen mit kleinen, leicht verst?ndlichen Einzelfunktionen zu erstellen. Aber manchmal erfordert dies, dass das Problem nicht positiv über das Problem nachdenkt, um herauszufinden, wie die eleganteste L?sung erstellt wird. In diesem Artikel werde ich einen Schritt-für-Schritt-Ansatz verfolgen, um die Kombination von Funktionen in JavaScript zu überprüfen und zu demonstrieren, wie er Code erzeugt, der leichter zu verstehen ist und weniger Fehler hat.

verschachtelte Funktionen

Komposition ist eine Technik, mit der Sie zwei oder mehr einfache Funktionen zu einer komplexeren Funktion kombinieren k?nnen, die jede Unterfunktion auf alle in logischen Reihenfolge übergebenen Daten ausführt. Um dieses Ergebnis zu erzielen, müssen Sie eine Funktion in einer anderen nisten und die Operationen der externen Funktion zum Ergebnis der inneren Funktion wiederholen, bis das Ergebnis erzeugt wird. Und die Ergebnisse k?nnen je nach Reihenfolge variieren, in der die Funktion angewendet wird. Dies kann leicht anhand von Programmierungstechniken demonstriert werden, die wir bereits in JavaScript kennen, indem ein Funktionsaufruf als Parameter an eine andere Funktion bestanden wird:

function addOne(x) {
  return x + 1;
}
function timesTwo(x) {
  return x * 2;
}
console.log(addOne(timesTwo(3))); //7
console.log(timesTwo(addOne(3))); //8

In diesem Fall definieren wir eine addone () -Funktion, um 1 zu einem Wert hinzuzufügen, und eine timestwo () -Funktion, um einen Wert mit 2 zu multiplizieren. Indem wir die Ergebnisse einer Funktion als Argument an eine andere weitergeben, k?nnen wir sehen, wie die Verschachtel eines davon in der anderen unterschiedliche Ergebnisse liefert, auch wenn die Anfangswerte gleich sind. Die innere Funktion wird zuerst ausgeführt und das Ergebnis wird an die ?u?ere Funktion übergeben.

Imperative Kombination

Wenn Sie dieselbe Operationssequenz wiederholen m?chten, kann es zweckm??ig sein, eine neue Funktion zu definieren, um die erste und zweite Funktion automatisch anzuwenden. Dies k?nnte so aussehen:

function addOne(x) {
  return x + 1;
}
function timesTwo(x) {
  return x * 2;
}
console.log(addOne(timesTwo(3))); //7
console.log(timesTwo(addOne(3))); //8

In diesem Fall kombinieren wir die beiden Funktionen manuell miteinander in einer bestimmten Reihenfolge. Wir erstellen eine neue Funktion, die zuerst den bestandenen Wert der Inhabervariablen zuweist, dann den Wert dieser Variablen durch Ausführung der ersten Funktion, gefolgt von der zweiten Funktion, aktualisiert und schlie?lich den Wert dieses Halters zurückgibt. (Beachten Sie, dass wir eine Variable namens Holder verwenden, um den Wert, den wir übergeben haben Gute Angewohnheit, Werte als Konstanten zu behandeln. Im Gegenteil der Reihenfolge der Anwendung dieser beiden kleineren Funktionen k?nnen wir Folgendes tun:

// ...來自上面的先前函數定義
function addOneTimesTwo(x) {
  var holder = x;
  holder = addOne(holder);
  holder = timesTwo(holder);
  return holder;
}
console.log(addOneTimesTwo(3)); //8
console.log(addOneTimesTwo(4)); //10

Natürlich sieht dieser Code sehr wiederholt aus. Unsere beiden neuen kombinierten Funktionen sind nahezu identisch, au?er dass die beiden kleineren Funktionen, die sie nennen, unterschiedliche Ausführungsauftr?ge haben. Wir müssen es vereinfachen (wie uns nicht wiederzuholen). Au?erdem ist es nicht sehr funktional, vorübergehende Variablen zu verwenden, die ihren Wert wie diesen ?ndern, auch wenn er in der kombinatorischen Funktion versteckt ist, die wir erstellen. Fazit: Wir k?nnen es besser machen.

Erstellen Sie funktionale Kombinationen

Erstellen wir eine kombinatorische Funktion, die vorhandene Funktionen übernimmt und sie in der gewünschten Reihenfolge kombiniert. Um dies auf konsistente Weise zu tun, ohne jedes Mal mit internen Details umgehen zu müssen, müssen wir die Reihenfolge entscheiden, in der wir die Funktionen als Parameter übergeben m?chten. Wir haben zwei Optionen. Die Parameter sind Funktionen, die von links nach rechts oder von rechts nach links ausgeführt werden k?nnen. Das hei?t, unter Verwendung der neuen Funktion, die wir vorgeschlagen haben, kann das Timestwo (addone ()) komponieren (Timestwo, Addone) zum Lesen von Parametern von rechts nach links oder Addone (Timestwo ()), um Parameter von links nach rechts zu lesen. Der Vorteil der Ausführung von Parametern von links nach rechts besteht darin, dass sie auf die gleiche Weise auf Englisch gelesen werden, was sehr ?hnlich ist, wie wir den TimestWoadDone () kombinierter Funktion benannt haben, um zu implizieren, dass eine Multiplikation vor Zugabe stattfinden sollte. Wir alle kennen die Bedeutung einer logischen Benennung für pr?gnante und leicht zu lesende Code. Der Nachteil der Ausführung von Parametern von links nach rechts besteht darin, dass der zu bedienende Wert vorne platziert werden muss. Wenn Sie den Wert jedoch vor dem Wert vornehmen, sind es weniger bequem, die resultierenden Funktionen mit anderen Funktionen in der Zukunft zu kombinieren. Um den Gedanken hinter dieser Logik gut zu erkl?ren, k?nnen Sie nicht über das klassische Video von Brian Lonsdorf hinausgehen. Hey Underscore, du machst es falsch. (Obwohl angemerkt werden sollte, dass Underscore jetzt über eine FP-Option verfügt, die dazu beitragen kann DO ist zuerst alle Konfigurationsdaten übergeben und schlie?lich den Wert weitergeben, den Sie bedienen m?chten. Daher ist es am logischsten, unsere kombinierten Funktionen als das Lesen ihrer Parameter zu definieren und sie von rechts nach links anzuwenden. So k?nnen wir eine grundlegende Kombinationsfunktion erstellen, die wie folgt aussieht:

function addOne(x) {
  return x + 1;
}
function timesTwo(x) {
  return x * 2;
}
console.log(addOne(timesTwo(3))); //7
console.log(timesTwo(addOne(3))); //8

Mit dieser sehr einfachen Kombinationsfunktion k?nnen wir unsere beiden vorherigen komplexen Funktionen einfacher erstellen und das gleiche Ergebnis sehen:

// ...來自上面的先前函數定義
function addOneTimesTwo(x) {
  var holder = x;
  holder = addOne(holder);
  holder = timesTwo(holder);
  return holder;
}
console.log(addOneTimesTwo(3)); //8
console.log(addOneTimesTwo(4)); //10

W?hrend diese einfache kombinatorische Funktion funktioniert, berücksichtigt sie nicht viele Probleme, die ihre Flexibilit?t und Anwendbarkeit einschr?nken. Zum Beispiel m?chten wir m?glicherweise mehr als zwei Funktionen kombinieren. Darüber hinaus verlieren wir diese Informationen dabei. Wir k?nnen diese Probleme l?sen, aber es ist nicht notwendig, die Funktionsweise der Kombination zu beherrschen. Anstatt es selbst zu schreiben und eine leistungsst?rkere Kombination aus vorhandenen Funktionsbibliotheken wie Ramda zu erben, berücksichtigt sie standardm??ig die Reihenfolge der Parameter Rechts auf links.

Typ ist Ihre Verantwortung

Es ist wichtig, sich daran zu erinnern, dass der Programmierer die Rückgabetyp jeder kombinierten Funktion kennt, damit die n?chste Funktion sie korrekt verarbeiten kann. Im Gegensatz zu reinen funktionalen Programmiersprachen, die eine strenge Typüberprüfung durchführen, hindert JavaScript nicht daran, Funktionen zu kombinieren, die die Werte unangemessener Typen zurückgeben. Sie sind nicht darauf beschr?nkt, Zahlen zu übergeben, aber nicht einmal den gleichen variablen Typ von einer Funktion zur n?chsten. Sie sind jedoch dafür verantwortlich, dass die von Ihnen kombinierte Funktion bereit ist, jeden von der vorherigen Funktion zurückgegebenen Wert zu verarbeiten.

Betrachten Sie Ihr Publikum

Denken Sie immer daran, dass andere Ihren Code in Zukunft m?glicherweise verwenden oder ?ndern müssen. Die Verwendung von Kombinationen im herk?mmlichen JavaScript -Code kann für diejenigen kompliziert sein, die mit dem funktionalen Programmierparadigma nicht vertraut sind. Das Ziel ist es, einfacher zu sein und Code zu lesen und zu pflegen. Mit dem Aufkommen der ES2015-Syntax ist es jedoch sogar m?glich, einfache Kombinationsfunktionen als Einzelzeilenaufrufe zu erstellen, die Pfeilfunktionen verwenden, ohne dass spezielle Kombinationsmethoden erforderlich sind:

function addOne(x) {
  return x + 1;
}
function timesTwo(x) {
  return x * 2;
}
console.log(addOne(timesTwo(3))); //7
console.log(timesTwo(addOne(3))); //8

Beginnen wir noch heute zu kombinieren

Wie bei allen funktionalen Programmierechniken ist es wichtig, sich daran zu erinnern, dass Ihre kombinierten Funktionen reine Funktionen sein sollten. Kurz gesagt, dies bedeutet, dass jedes Mal, wenn ein bestimmter Wert an eine Funktion übergeben wird, die Funktion das gleiche Ergebnis zurückgeben sollte und die Funktion nicht die Nebenwirkungen haben sollte, ihre eigenen externen Werte zu ?ndern. Die Kombinationsverschachtung ist sehr bequem, wenn Sie über eine Reihe von verwandten Funktionen verfügen, die Sie auf Ihre Daten anwenden m?chten, und Sie k?nnen die Komponenten dieser Funktion in wiederverwendbare und leicht zu kombiniertes Funktionen unterteilen. Wie bei allen funktionalen Programmierechniken empfehle ich, die Kombination zu Ihrem vorhandenen Code mit Vorsicht hinzuzufügen, um sich damit vertraut zu machen. Wenn Sie es richtig machen, ist das Ergebnis sauberer, trockener und leichter Code zu lesen. Ist das nicht das, was wir alle wollen?

(Folgendes ist FAQ, die gem?? dem Originaltext angepasst und optimiert wurden, und doppelte Informationen werden vermieden)

h?ufig gestellte Fragen zur Funktionskombination und zum Warteurwesen

• Was ist eine Kombination von Funktionen in der Programmierung? Funktionskombination ist das Konzept, einfache Funktionen in komplexere Funktionen zu kombinieren. Sie k?nnen komplexe und leistungsstarke Funktionen mit diesen kleinen wiederverwendbaren Funktionen erstellen, genau wie Bausteine. Dies hilft, den Code lesbarer, leichter zu warten und skalierbarer zu machen.

• Wie f?rdert die Funktionskombination den Warteabwartungscode? Funktionskombinationen f?rdern die Wartbarkeit, indem die Verwendung kleiner, wiederverwendbarer Funktionen gef?rdert wird. Diese Funktionen sind einfacher zu verstehen, zu testen und zu debuggen. Wenn diese kleinen Funktionen kombiniert werden, um komplexere Funktionen zu erzeugen, ist es einfacher, Probleme zu bestimmen und zu beheben, die m?glicherweise auftreten. Dieser modulare Ansatz erleichtert auch die Aktualisierung oder ?nderung bestimmter Teile des Codes, ohne das gesamte System zu beeinflussen.

• Was sind die besten Verfahren zum Schreiben von Wartungscode? Wartungsabteilung beinhaltet eine Reihe von Best Practices, darunter: Funktionen von Funktionen und Konzentration auf eine einzelne Aufgabe; Struktur.

• Wie besteht die Beziehung zwischen Funktionskombination und funktionaler Programmierung? Funktionskombination ist ein grundlegendes Konzept in der funktionalen Programmierung. Die Funktionsprogrammierung ist ein Beispiel für die Behandlung von Berechnungen als Bewertung mathematischer Funktionen und zur Vermeidung von ?nderungszust?nden und variablen Daten. In diesem Paradigma spielen Funktionskombinationen eine entscheidende Rolle beim Aufbau komplexerer Funktionen aus einfacheren Funktionen, wodurch die Wiederverwendbarkeit und Wartbarkeit des Codes verbessert wird.

• Was sind die Herausforderungen bei der Implementierung von Funktionskombinationen? Funktionskombinationen haben viele Vorteile, k?nnen aber auch Herausforderungen mit sich bringen. Eine Herausforderung besteht darin, dass dies, wenn sie nicht ordnungsgem?? verwaltet wird, zu schwer zu lesenem Code führen kann, insbesondere bei der Kombination mehrerer Funktionen. Umgang mit Fehlern und Ausnahmen in einer Kette kombinierter Funktionen kann ebenfalls schwierig sein. Diese Herausforderungen k?nnen jedoch durch gute Codierungspraktiken und die korrekte Verwendung von Funktionskombinationen gemindert werden.

• Wie verbessert man Code -Tests mit Funktionskombinationen? Funktionskombinationen k?nnen Codetests einfacher und effizienter machen. Da eine kombinierte Funktion aus kleineren, unabh?ngigen Funktionen besteht, k?nnen Sie jede kleine Funktion separat testen. Dies erleichtert die Isolierung und Behebung von Fehler. Es erleichtert auch die Praxis von Unit -Tests, wobei jeder Teil der Software einzeln getestet wird, um sicherzustellen, dass er ordnungsgem?? funktioniert.

Das obige ist der detaillierte Inhalt vonFunktionszusammensetzung: Bausteine ??für den Wartungscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!