Lodash ist derzeit die abh?ngigste Bibliothek im NPM -Paket. Wenn Sie ES6 jedoch verwenden, ben?tigen Sie es m?glicherweise nicht. In diesem Artikel wird untersucht, wie native Sammlungsmethoden, Pfeilfunktionen und andere neue ES6 -Funktionen kombiniert werden, um den Code vieler gemeinsamer Szenarien zu vereinfachen.

Kernpunkte

• Lodash ist derzeit die abh?ngigste Bibliothek im NPM -Paket, aber in einigen F?llen kann die Verwendung von ES6 den Bedarf daran beseitigen.
• ES6 -Merkmale wie native Set -Methoden, Pfeilfunktionen, Dekonstruktionssyntax sowie REST- und Spread -Operatoren k?nnen gemeinsame Funktionen von Lodash ersetzen, wie map, filter, reduce, head, tail &
und ruhen und verteilen.
• curry ES6 kann auch Pfeilfunktionen, Ruheparameter und Spread -Operatoren verwenden, um Lodashs partial, pick, Operatoren, Pfade, constant, identity, noop,
und Kettenfunktionen wie als Stilanruf.
Obwohl Lodash immer noch eine sehr wertvolle Bibliothek ist, bietet die evolution?re Version von JavaScript (ES6) eine neue M?glichkeit, Probleme zu l?sen, die zuvor von Versorgungsmodulen wie Lodash behandelt wurden.

1. Karte, Filter, reduzieren

Diese Sammelmethoden machen die Datenumwandlung zum Kinderspiel und werden fast allgemein unterstützt. Wir k?nnen sie in Kombination mit Pfeilfunktionen verwenden, um pr?zisen Code zu schreiben, um die von Lodash bereitgestellte Implementierung zu ersetzen:

// Lodash
_.map([1, 2, 3], function(n) { return n * 3; });
// [3, 6, 9]
_.reduce([1, 2, 3], function(total, n) { return total + n; }, 0);
// 6
_.filter([1, 2, 3], function(n) { return n % 2; });
// [1, 3]

// ES6
[1, 2, 3].map(n => n * 3);
[1, 2, 3].reduce((total, n) => total + n, 0);
[1, 2, 3].filter(n => n % 2);

find das ist nicht alles. Wenn wir einen modernen Browser verwenden, k?nnen wir auch some, every, reduceRight und

verwenden.

2. Kopf & Schwanz

Dekonstruktionssyntax erm?glicht es uns, den Kopf und den Schwanz einer Liste zu erhalten, ohne dass praktische Funktionen erforderlich sind:

// Lodash
_.head([1, 2, 3]);
// 1
_.tail([1, 2, 3]);
// [2, 3]

// ES6
const [head, ...tail] = [1, 2, 3];

Sie k?nnen auch das ursprüngliche Element und das letzte Element ?hnlich erhalten:

// Lodash
_.initial([1, 2, 3]);
// -> [1, 2]
_.last([1, 2, 3]);
// 3

// ES6
const [last, ...initial] = [...[1, 2, 3]].reverse();

reverse Wenn Sie der Meinung sind, dass reverse die Datenstruktur ?ndert, k?nnen Sie den Spread -Operator verwenden, um das Array zu klonen, bevor Sie

:

aufrufen

3. ruhen und verteilt

Die

-Rück- und Spread -Funktionen erm?glichen es uns, Funktionen zu definieren und aufzurufen, die eine variable Anzahl von Parametern akzeptieren. ES6 führt eine spezielle Syntax für diese beiden Vorg?nge ein:

4. Curry

Ohne eine Sprache auf hoher Ebene wie TypeScript oder Flow k?nnen wir keine Typsignaturen für Funktionen bereitstellen, was das Currying ziemlich schwierig macht. Wenn wir die Curry -Funktion erhalten, ist es schwierig zu wissen, wie viele Parameter bereitgestellt wurden und welche Parameter als n?chstes bereitgestellt werden müssen. Mit Arrow -Funktionen k?nnen wir Curry -Funktionen explizit definieren, um sie von anderen Programmierern zu verstehen:

leichter zu verstehen:

5. partiell

Wie Currying k?nnen wir die Pfeilfunktion verwenden, um einige Anwendungen einfach und klar zu gestalten:

6. Operatoren

Lodash enth?lt viele Funktionen, die Syntax -Operatoren in Funktionen neu aufmerksam machen, damit sie an Sammelmethoden übergeben werden k?nnen. In den meisten F?llen machen Pfeilfunktionen sie einfach und kurz genug, damit wir sie inline definieren k?nnen:

7. Pfade

Viele Funktionen von Lodash verwenden Pfade als Zeichenfolgen oder Arrays. Wir k?nnen die Pfeilfunktion verwenden, um wiederverwendbarere Pfade zu erstellen:

8. pick

Mit dem Dienstprogramm

pick k?nnen wir das gewünschte Attribut aus dem Zielobjekt ausw?hlen. Wir k?nnen das gleiche Ergebnis unter Verwendung von Dekonstruktions- und Abkürzungsobjektliteralen erzielen:

9. Konstante, Identit?t, Noop

Lodash bietet einige Dienstprogramme, um einfache Funktionen mit spezifischem Verhalten zu erstellen:

10. Ketten & Flow

Lodash bietet einige Funktionen, mit denen wir gekettete Aussagen schreiben k?nnen. In vielen F?llen gibt die integrierte Sammelmethode eine Array-Instanz zurück, die direkt angehalten werden kann. Dies ist jedoch nicht m?glich, wenn einige Methoden die Sammlung ?ndern. Wir k?nnen jedoch die gleiche Konvertierung wie eine Reihe von Pfeilfunktionen definieren:

Schlussfolgerung

Lodash ist immer noch eine gro?artige Bibliothek, und dieser Artikel ist nur eine neue Perspektive, wie die sich entwickelte Version von JavaScript einige Probleme in der Vergangenheit auf Versorgungsmodule l?sen kann. Ignoriere es nicht. überlegen Sie stattdessen, wenn Sie das n?chste Mal eine Abstraktion ben?tigen, ob eine einfache Funktion ersetzt werden kann!

(Der FAQS-Teil wird weggelassen, weil es nichts mit dem Code Pseudooriginalit?t zu tun hat und l?nger ist)

Das obige ist der detaillierte Inhalt von10 Lodash -Funktionen, die Sie durch ES6 ersetzen k?nnen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!