Was sind reine Funktionen in JavaScript?

Reine Funktionen sind die Bausteine ​​der funktionalen Programmierung. Sie werden für Einfachheit und Testbarkeit geliebt.

In diesem Artikel finden Sie eine Checkliste , anhand derer Sie feststellen können, ob eine Funktion rein ist oder nicht.

Checkliste

Eine Funktion muss zwei Bedingungen erfüllen, um als „rein“ zu gelten:

- Jedes Mal, wenn die Funktion dasselbe Ergebnis zurückgibt, wenn sie mit denselben Argumenten aufgerufen wird

- keine Nebenwirkungen

Lassen Sie uns genauer betrachten.

1. Der gleiche Eingang => Der gleiche Ausgang

Vergleichen Sie dies:

const add = (x, y) => x + y; add(2, 4); // 6 

Mit diesem:

 let x = 2; const add = (y) => { x += y; }; add(4); // x === 6 (the first time) 

Im ersten Fall wird der Wert basierend auf den angegebenen Parametern zurückgegeben, unabhängig davon, wo / wann Sie ihn aufrufen.

Wenn Sie 2 und 4 addieren, erhalten Sie immer 6.

Nichts beeinflusst das Ergebnis.

Unreine Funktionen = inkonsistente Ergebnisse

Das zweite Beispiel gibt nichts zurück. Er verlässt sich auf die allgemeine Bedingung, um seine Arbeit auszuführen, indem er die Variable außerhalb seines Feldes erhöht.

Dieses Modell ist ein Albtraum für Entwickler.

Der gemeinsam genutzte Status führt eine Zeitabhängigkeit ein. Sie erhalten unterschiedliche Ergebnisse, je nachdem, wann Sie die Funktion aufgerufen haben. Das erste Mal ist das Ergebnis 6, das nächste Mal 10 und so weiter.

Was ist besser?

In welchem ​​Fall erhalten Sie weniger Fehler, die nur unter bestimmten Bedingungen auftreten?

In welchem ​​Fall ist es wahrscheinlicher, dass Sie in einer Multithread-Umgebung erfolgreich sind, in der Zeitabhängigkeiten das System beschädigen können?

Auf jeden Fall in der ersten.

2. Keine Nebenwirkungen

Dieser Test ist eine Checkliste für sich.

Beispiele für Nebenwirkungen:

1. Änderung der Eingabeparameter
2. console.log
3. HTTP-Aufrufe (AJAX / fetch)
4. Dateisystemänderung
5. DOM-Anfragen

Tatsächlich bezieht sich jede von einer Funktion ausgeführte Arbeit nicht auf die Berechnung des Endergebnisses.

Ich rate Ihnen, sich das Video von Bob Martin anzuschauen.

Hier ist eine "schmutzige" Funktion mit einem Nebeneffekt.

 const impureDouble = (x) => { console.log('doubling', x); return x * 2; }; const result = impureDouble(4); console.log({ result }); 

console.log hier ist ein Nebeneffekt, aber es wird nicht schaden. Bei gleichen Daten erhalten wir immer noch die gleichen Ergebnisse.

Dies kann jedoch zu Problemen führen.

Objektwechsel „unrein“

 const impureAssoc = (key, value, object) => { object[key] = value; }; const person = { name: 'Bobo' }; const result = impureAssoc('shoeSize', 400, person); console.log({ person, result }); 

Die Personenvariable wurde für immer geändert, da die Funktion durch eine Zuweisungsanweisung deklariert wurde.

Geteilter Zustand bedeutet, dass die Auswirkungen von unreinem Assoc nicht mehr vollständig erkennbar sind. Um die Auswirkungen auf das System zu verstehen, müssen Sie jetzt jede Variable verfolgen, die es jemals berührt hat, und den Verlauf kennen.

Geteilter Zustand = Zeitabhängigkeiten.

Wir können impureAssoc löschen, indem wir einfach ein neues Objekt mit den gewünschten Eigenschaften zurückgeben.

"Wir reinigen es"

 const pureAssoc = (key, value, object) => ({ ...object, [key]: value }); const person = { name: 'Bobo' }; const result = pureAssoc('shoeSize', 400, person); console.log({ person, result }); 

PureAssoc gibt jetzt das Testergebnis zurück, sodass Sie sich keine Sorgen machen müssen, wenn es sich an anderer Stelle ändert.

Es könnte so gemacht werden:

 const pureAssoc = (key, value, object) => { const newObject = { ...object }; newObject[key] = value; return newObject; }; const person = { name: 'Bobo' }; const result = pureAssoc('shoeSize', 400, person); console.log({ person, result }); 

Das Ändern der Eingabe kann gefährlich sein, aber das Ändern der Kopie ist kein Problem. Das Endergebnis ist eine testbare, vorhersehbare Funktion, die unabhängig davon funktioniert, wo und wann Sie sie aufrufen.

Änderungen sind auf diesen kleinen Bereich beschränkt, und Sie geben den Wert immer noch zurück.

Zusammenfassung

• Eine Funktion ist rein, wenn sie keine Nebenwirkungen hat und jedes Mal dasselbe Ergebnis zurückgibt, wenn sie mit denselben Argumenten aufgerufen wird.
• Zu den Nebenwirkungen gehören: Ändern der Eingabe, HTTP-Aufrufe, Schreiben auf die Festplatte, Ausgabe auf dem Bildschirm.
• Sie können die Eingabeparameter sicher klonen und dann ändern. Lassen Sie das Original einfach unverändert.
• Die Verteilungssyntax (... Syntax) ist der einfachste Weg, Objekte und Arrays zu klonen.