Zusammenfassung der am häufigsten verwendeten Wissenspunkte zu den neuen Funktionen von ES6

1. Schlüsselwörter

Das Schlüsselwort Let wird innerhalb des Codeblocks wirksam, in dem das Schlüsselwort let vorkommt. Vor „let“ kann der Variablen kein Wert zugewiesen werden.

Das Schlüsselwort Const ist eine schreibgeschützte Variable. Daher muss ihm bei der Definition ein Wert zugewiesen werden.

2. Dekonstruktion

Destrukturierung von Variablen,

1>. Die Array-Struktur verwendet [], um dem lokalen Teil des Arrays Werte zuzuweisen.

Zum Beispiel:

Sei [a,,c]=[1,,3]

Let[a,…c] Hier kann c als Array zugewiesen werden

2>.Die Objektstruktur verwendet {}, um das Objekt zu dekonstruieren, was einem Array ähnelt. Der Unterschied besteht darin, dass es noch ein weiteres Attributproblem gibt. Das Wichtigste ist, dass die Objektattribute keine Reihenfolge haben, sondern der Reihe nach kommen.

3. Saiten

1>. Verwenden Sie for of, um jedes Zeichen der Zeichenfolge zu durchlaufen.

2>. Um festzustellen, ob es Zeichen enthält: include startswith endwith

3>. Starten Sie den Pad. . . Warten Sie, bis die Funktion die Vervollständigung ersetzt

4>. Zeichenfolgenvorlage, Sie können mit ${variable} Variablen in die Zeichenfolge einfügen. Sie können auch HTML-Tags hinzufügen

5>. Die meisten Werte dienen der Funktionsausführung, der Bestimmung, ob es sich um eine Zahl handelt, der Typkonvertierung usw.

4. Regularisierung

1>. Zwei Verwendungen

Eins: Regex r = neuer Regex (,Übereinstimmungsregel‘, ,Änderung‘)

Zwei: Regex r=/übereinstimmende Dinge/Modifikation

Regex, bei dem I gy ein Modifikator ist

2>.Verfügt die Sticky-Eigenschaft über einen Modifikator?

Flags gibt die Match-Modifikatoren zurück

3>. Unterstützung für Post-Assertions

5. Arrays

1>. Sie können const […a2]=a1 verwenden, um Werte direkt zuzuweisen, und Sie können auch zwei Variablen vertauschen.

2>. Verwenden Sie [], um mehrere Arrays zusammenzuführen

3>. Kombiniert mit Dekonstruktion

Zum Beispiel:

[a,…rest]=Liste Liste ist ein Array

6. Funktionen

1>. Bei der Verwendung von Parameter-Standardwerten können keine Parameter mit demselben Namen vorhanden sein

2>. Die Übergabe des Parameterwerts erfolgt verzögert, d. h. der Standardwert wird jedes Mal neu berechnet

3>. Sie können die Dekonstruktion weiterhin für die Funktionszuweisung verwenden (ich denke, es ähnelt der Objektdekonstruktion).

7. Gegenstand

Objekte in es6 verwenden einen ähnlichen Typ wie die ursprüngliche Struktur in C, der Unterschied besteht jedoch darin, dass Methoden in es6 innerhalb von Objekten verwendet werden können.

Zum Beispiel:

Const Person = {

  Name: wl;

Geburt,

CalTime(){console.log("");}

8.Symbol

1>. Es entspricht einem zusätzlichen Definitionsschlüsselwort, um zu verhindern, dass die definierten Variablen versehentlich neu geschrieben und überschrieben werden.

2>. Die Hauptfunktion besteht darin, magische Zeichenfolgen zu eliminieren (persönliches Verständnis: Eine Reihe von Zeichenfolgen werden direkt ausgegeben. Ändern Sie sie in Variablen, um die Lesbarkeit des Codes zu verbessern.)

9. versammeln

1>. Persönliches Verständnis: Es ist den Sammlungen in Java und C# etwas ähnlich. Aufgrund der Eigenschaften von es6 gibt es lediglich einige unterschiedliche Funktionen zum Implementieren komplexer Vorgänge. Das Set kann in ein Array umgewandelt werden und einige Dekonstruktionsoperationen können durchgeführt werden.

Es gibt eine zusätzliche Sammlung mit dem Präfix „schwach“ (dies ist ein temporärer Aufbewahrungsort für Dinge, die sofort verschwinden und daher nicht durchquert werden können).

10.Proxy mit dem Beobachtermodus von Reflect

Proxy ist eine Abfangoperation und Reflect ist eine Reflexionsoperation, die Variablen zur Änderung liest.

Proxy überwacht Änderungen, fängt Vorgänge ab, spiegelt Wertänderungen wider und implementiert den einfachsten Beobachtungsmodus

11. Versprechen

Es ist ein Konstruktor, der zwei Funktionen zurückrufen kann. (Persönliches Verständnis: Es ist nützlicher für Situationen mit zwei Ergebnissen, und für unterschiedliche Situationen werden unterschiedliche Funktionen aufgerufen.)

ArrayBuffer ist auch ein Konstruktor, der verschiedene Funktionen zum Betrieb verwendet. Ich persönlich bin der Meinung, dass er zum Standardisieren von Arrays dient.

12. Quergänger

Die Durchquerung simuliert als nächstes und bewegt den Zeiger bis zum Ende. Der Unterschied zu den zuvor verwendeten Sprachen C und C++ besteht darin, dass es6 am Ende „undefined“ ausgibt, anstatt das Programm direkt zum Absturz zu bringen.

  weiter: Funktion() {

         nächstenIndex zurückgeben < Array.Länge?

        {Wert: Array[nextIndex++], fertig: false}:

        {value: undefined, done: true}; //nextIndex kontinuierlich erhöhen, d. h. der Index wird erhöht.

13.Generator

Das Wesentliche besteht darin, den internen Zustand der Funktion aufzuzeichnen und asynchron zu arbeiten. Ich persönlich bin der Meinung, dass dies beim Multithreading häufiger verwendet werden sollte. Single-Threading berücksichtigt nicht den Wert der Anwendung. Im Wesentlichen wird yield verwendet, um den Vorgang anzuhalten. Sie können * verwenden, um die Funktion in eine angehaltene Funktion ohne yield umzuwandeln.

14.asynchron

Im Wesentlichen handelt es sich um eine verbesserte Funktion des Generators. Anstatt yield zum Anhalten der Operation zu verwenden, wird await zum Ausführen der Operation verwendet. Der Unterschied zum Generator besteht jedoch darin, dass er unterschiedliche Dinge zurückgibt. Der Generator gibt ein Traversal-Objekt zurück, während er ein Promise-Objekt zurückgibt.

15.Klasse

Für die ursprüngliche JS-Sprache kapselt die Klassenoperation viele Dinge und verfügt über bestimmte Vorlagen. Um das Lesen und Verstehen zu erleichtern, reduziert die Vererbung auch das Schreiben von wiederholtem Code. Und der Modus ist der strikte Modus, der für die Sprache standardisierter ist. Es ist der Klasse in objektorientierten Sprachen etwas ähnlich.

16. Modifikatoren

Diese Schreibmethode ähnelt Java-Annotationen, der Ansatz ist jedoch anders. Persönlich verstehe ich, dass Java-Annotationen der Coderegulierung und einfachen Änderung dienen. Aber in es6 ist das Wesentliche des Modifikators die zur Kompilierzeit ausgeführte Funktion.

17.Modul

Modularisieren Sie einige statisch kompilierte Dinge, um wiederholtes Schreiben zu reduzieren, so wie Python mehrere Bibliotheken einführt. Wenn etwas in einige Bibliotheken eingeführt wird, ist das Schreiben relativ unkompliziert.

  importiere { stat, existiere, readFile } von 'fs'; // importiere export { Vorname, Nachname, Jahr }; // Ausgabe

Zusammenfassen

Damit ist dieser Artikel über die am häufigsten verwendeten Wissenspunkte zu den neuen Funktionen von ES6 abgeschlossen. Weitere relevante Wissenspunkte zu den neuen Funktionen von ES6 finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!