ECMAScript 8 (ES8) oder ECMAScript 7 (ES7) wurde offiziell freigegeben die letzten jahr-ende Juni durch TC39 (was ist TC39? Technical Committee 39 ist das offizielle Komitee für die Entwicklung von Javascript. Dieser Ausschuss führt Treffen regelmäßig und in der Regel die Mitglieder sind Browser-Anbieter ). Jetzt ist der Standard, einmal im Jahr neue Spezifikationen zu veröffentlichen. ES5 wurde 2009 veröffentlicht und danach war die Hauptversion ES6 im Jahr 2015, ES7 im Jahr 2016, Es8 im Jahr 2017, Es9 im Jahr 2018, Es10 im Jahr 2019.
Lesen Sie auch: CronJ UI UX Design Company
Es7-, Es8-, Es9- und Es10-Funktionen:
In diesem Artikel erfahren Sie, wie Sie alle neuen Funktionen des JavaScript ES7, ES8, ES9 und ES10 anhand von Beispielen nutzen können:
Klasseneigenschaften:
Sie können initialisieren Sie die Klasseneigenschaften außerhalb des Konstruktors!
Beispiel:
class Animal { constructor() { this.name = "Lion" } age = 0;}That will be complied to: class Animal { constructor() { this.age = 0; this.name = "Lion"; } }Especially react developers can relate easily state! and initialProps!: class Animal { constructor() { this.name = "Lion" } age = 0; state = { } initialProps = { } }Babelsberg.IO kann zum Testen aller neuen Funktionen von ECMA verwendet werden, können Sie Voreinstellungen konfigurieren und testen. Hier ist ein Beispiel in babeljs.io Beispiel
Ja, auf die gleiche Weise können Sie jetzt in Javascript verwenden!.
Zeichenfolge.padEnd() und String.padStart() Funktionen:
Dies ist nur eine Möglichkeit, zusätzliche Zeichen am Ende oder am Anfang einer Zeichenfolge hinzuzufügen.
Zeichenfolge.padStart()
Die padStart() -Methode füllt die aktuelle Zeichenfolge mit einer anderen Zeichenfolge auf (bei Bedarf wiederholt), sodass die resultierende Zeichenfolge die angegebene Länge erreicht. Die Auffüllung wird vom Anfang (links) der aktuellen Zeichenfolge angewendet.
Beispiel:
string.padEnd():
Die padEnd() -Methode füllt die aktuelle Zeichenfolge mit einer bestimmten Zeichenfolge auf (wird bei Bedarf wiederholt), sodass die resultierende Zeichenfolge eine bestimmte Länge erreicht. Die Auffüllung wird vom Ende (rechts) der aktuellen Zeichenfolge angewendet.
Zum Beispiel :
Exponentialoperator:
Der Potenzierungsoperator gibt das Ergebnis des Anhebens des ersten Operanden auf den potenzierten zweiten Operanden zurück. Der Potenzierungsoperator ist rechtsassoziativ. a ** b ** c ist gleich a ** (b ** c).
Beispiel:
Trailing comma:
Trailing Comma ist in Array-, Objekt- und Funktionsparametern zulässig. Nun, das ist nicht riesig, aber es ist schön, wenn wir vergessen, ein Komma zu schließen oder eher zu beenden, wenn wir eine Reihe von Elementen auflisten, spielt es keine Rolle, ob wir das letzte Extra hinzufügen.
Beispiel:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Objekt.werte() und Objekt.Eintr():
Dies ist eine Möglichkeit, unsere Objekte wie Wörterbücher zu behandeln, in denen wir die Parameternamen und die tatsächlichen oder vielmehr die Feldnamen und die damit verbundenen tatsächlichen Werte entweder durch Werte bzw.
Objekt.values()
Sie sind mit Object vertraut.Pfeiltasten(). Dies ist genau das Gegenteil von Objekt.Pfeiltasten().
Beispiel:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Ausgabe: 100
Objekt.einträge()
Object.entries() die Methode gibt ein Array der eigenen aufzählbaren Eigenschaft eines bestimmten Objekts zurück.
Beispiel :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Ausgang:
Apfel 10
Orange 20
Trauben 30
Ananas 40
Array.Prototyp.includes()
Dies ist nur eine weitere Array-Funktion, mit der festgestellt werden kann, ob ein Array einen Wert enthält.
Asynchrone Funktionen
In es8 haben wir asynchrone Funktionen, dies ist wieder eine massive neue Funktion. Asynchrone Funktionen sind Funktionen, die nicht nacheinander funktionieren und synchron wären, sondern parallel arbeiten und es uns ermöglichen, mehrere Funktionen gleichzeitig auszuführen.
Objekt.getOwnPropertyDescriptors()
Als eine Möglichkeit, eine große String-Beschreibung eines Objekts in all seinen Entitäten auszudrucken.
ES9-Funktionen:
RegEx-Änderungen
Dies sind also Änderungen an regulären Ausdrücken, um ehrlich zu sein, ich persönlich mag es nicht, wenn möglich reguläre Ausdrücke zu verwenden, und ich habe festgestellt, dass ich sie nicht zu oft verwenden muss, sodass wir die Änderungen an regulären Ausdrücken nicht so sehr behandeln werden, aber wenn Sie sehr interessiert sind, können Sie sich diese auf jeden Fall ansehen ES9 hat eine Reihe von Unterstützung hinzugefügt.
Rest / Spread-Eigenschaften
Diese sind wirklich cool Sie ermöglichen es uns, im Wesentlichen Wertebereiche aufzubauen, indem wir drei Ellipsen verwenden.
Asynchrone Iteration
Das ist eigentlich die letzte große und bietet nur eine leistungsfähigere Unterstützung für unsere asynchrone Funktionalität.
ES10 Eigenschaften:
So Chrome Version 72 gerade ausgerollt, einige neue spannende ES10 das ist ES 2019 Funktionen in seinen Browser für Entwickler zu verwenden, so werfen wir einen Blick auf welche neuen Funktionen haben wir in ES10 zu suchen.
Array.flat()
Beginnend mit flat() und flatmap() , wenn Sie also ein Array wie im folgenden Bild haben, können Sie dies einfach sehen.protokollieren Sie dies und Sie haben eine Reihe verschachtelter Arrays.
Wenn Sie also dieses gesamte Array reduzieren möchten, müssen Sie die Rekursion verwenden, oder Sie wissen, dass Sie etwas mit einem Algorithmus gut machen müssen.
Zum Glück jetzt JavaScript bietet es standardmäßig durch die Verwendung von .flat() was Ihr Array rekursiv auf die von Ihnen angegebene Ebene reduzieren würde. Also, flach ().
Geben Sie einfach Ebenen an, es wird auf eine Ebene reduziert, wenn Sie es zweimal tun, wird es auf zwei Ebenen reduziert.
Wenn Sie das gesamte Array reduzieren möchten, können Sie so ziemlich einfach eine Unendlichkeit übergeben, und es wird Ihr gesamtes Array von verschachtelten Arrays auf eine sauberere Weise reduzieren.
Array.flatmap()
In ähnlicher Weise haben wir flatmap() Das funktioniert ziemlich genau wie eine Karte, wenn Sie map X und return sagen wir (x, x*2) wenn Sie console .wenn Sie Ihr Ergebnis protokollieren, werden Sie sehen, dass Sie ein Array erhalten, das ungefähr so aussieht, wie im folgenden Bild verschachtelt dargestellt.
aber wenn Sie dort flatmap() machen, haben Sie kein schönes Flatten-Array für Ihr Ergebnis erhalten.
Objekt.fromentries()
Wenn wir zu Nummer zwei kommen, haben wir object .fromentries(), die Sie im Grunde von object of entries kennen, könnten wir diese netten kleinen Schlüssel-Wert-Paare von Arrays mit Schlüsselwerten erstellen, aber jetzt könnten Sie einfach Ihr ursprüngliches
-Objekt aus diesem bestimmten Array mithilfe von object of form entries und wenn Sie Ihr Objekt nicht sperren können ursprüngliches Objekt du wirst sehen, dass wir unser Key-Value-Objekt zurück zu uns bekommen.
Zeichenfolge.trimstart() und String.trimend()
Wieder bringt uns dies zu unserer Nummer drei, die unsere ist .trimstart() und .trimend(). Wenn Sie also eine Zeichenfolge mit langen Leerzeichen haben, können Sie einfach
console.log(string.trimstart())und auf Speichern klicken.
Sie werden sehen, eigentlich lassen Sie uns nur json dot stringify dies, so dass wir in der Lage sind, die Räume zu sehen, so dass Sie nur sehen, sind Backspaces bleiben ähnlich, wenn Sie Trim-Ende hier haben, werden Sie sehen, nur Ihre vorderen Räume bleiben und wenn Sie nur trim hier haben, werden Sie sehen, alle Ihre Räume sind weg
Optionale Catch-Bindung
Dies bringt uns zu unserer optionalen Bindung für Try-catch, die so ziemlich bedeutet, dass Sie jetzt nicht wenn Sie also hier einen neuen Fehler auslösen, können Sie so ziemlich richtig darauf zugreifen dort mit Fehler.
Aber wenn Sie es irgendwie nicht wollen, können Sie einfach weitermachen und etwas wie hey something went wrong right verwenden, also ist das völlig in Ordnung.
toString()
ES9 überarbeitet auch die Funktion.toString() -Methode Wenn Sie also eine
-Funktion haben, ist meine Funktion hier und wenn Sie das Konsolenprotokoll meiner Funktion ausführen, die beiden Zeichenfolgen, die Sie sehen werden, Ihr ursprünglicher Quellcode dieser bestimmten Funktion früher diese Leerzeichen Diese neuen Zeilen, wenn Sie hier Befehle hätten, würden diese entfernt, wenn Sie die Konsole ausführen.protokollieren Sie meine Funktion in string, aber jetzt werden sie beibehalten und Sie erhalten so ziemlich Ihren ursprünglichen Quellcode der Funktion zurück, die Sie geschrieben haben.
sym.description
Zurück zum nächsten Vorschlag, der symbol description getter ist. Wenn Sie also ein Symbol vergleichen möchten, müssen Sie es in eine Zeichenfolge konvertieren und dann mit einem Symbol vergleichen und dann, was auch immer Ihre Beschreibung richtig war?
Denn wenn Sie einen Blick darauf werfen, um das Symbol genau dort hinzuzufügen, können Sie sehen, dass es im Grunde nur ein Symbol ist. Aber jetzt könnten Sie mit dem sym auf die Symbolbeschreibung zugreifen.beschreibung und Sie können überprüfen, ob dies Ihrer ursprünglich übergebenen Beschreibung entspricht.
Auf der Suche nach einem kostenlosen Budgetschätzungsbericht für die ReactJS-Entwicklung, die NodeJS-Entwicklung und die AngularJS-Entwicklung.?