Einführung
ES5 und ES6 bezeichnen unterschiedliche Versionen des ECMAScript-Standards, einer Spezifikation für Skriptsprachen, die als Grundlage für verschiedene Sprachen, darunter JavaScript, dient. Die Weiterentwicklung von ES5 zu ES6 (auch bekannt als ECMAScript 2015) brachte zahlreiche Änderungen und Verbesserungen mit sich. Hier ein Vergleich der beiden Versionen:
let .1 and const (Variablen deklarieren)
ES5: Die wichtigste Methode zur Definition von Variablen ist die Verwendung von var Es war.
ES6: Einführung lassen Um blockbasierte Variablen zu definieren und Konstante Um blockbasierte konstante Variablen zu definieren.
2. Template-Literale
ES5: Zeichenketten verwenden + Sie waren miteinander verbunden.
var name = "John";
var greeting = "Hello, " + name + "!";ES6: Stringmuster wurden eingeführt.
let name = "John";
let greeting = `Hello, ${name}!`;Pfeilfunktionen .3
ES5:
function(x) {
return x * x;
}ES6: Es wurden Pfeilfunktionen eingeführt, die eine kürzere Notation zum Schreiben von Funktionen ermöglichen.
x => x * x;
4. Klassen
ES5: Die prototypische Vererbung wurde verwendet, um das Verhalten von Klassen zu simulieren.
ES6: Stichwort Klasse Es wurde für die objektorientierte Programmierung eingeführt.
5. Erweiterte Objektliterale
ES5: Objekte wurden durch Schlüssel-Wert-Paare definiert.
ES6: Bietet eine kürzere Notation zur Definition von Objekten.
let name = "John";
let obj = {name}; // Equivalent to {name: name}6. Destrukturierung
ES5: Es gab keine direkte Methode.
ES6: Es ist nun möglich, mehrere Eigenschaften aus einem Objekt oder Array auf prägnantere Weise zu extrahieren.
let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;7. Standardwerte, Rest und Spread
ES5: Die Verwaltung von Standard-, Rest- oder Streuwerten erfolgte manuell.
ES6: Standardwerte für Funktionsparameter, Parameter ...ausruhen Um Argumente und Operatoren zu sammeln ...verbreiten Eingeführt, um ein Array oder Objekt zu erweitern.
8. Module
ES5: Es gab kein natives Modulsystem. Entwickler nutzten Drittanbieterlösungen wie CommonJS oder AMD.
ES6: Native Modulsystem-Nutzung Import Und Export Eingeführt.
9. Versprechen
ES5: Für asynchrone Operationen wurden Rückruffunktionen verwendet.
ES6: Promises wurden eingeführt, um asynchrone Operationen strukturierter zu verwalten.
10. for-of-Schleife
ES5: Um Arrays zu durchlaufen, verwendet man Schleifen. für Oder für jedes Es wurde benutzt.
ES6: Ring für Es wurde eingeführt, um über iterierbare Objekte zu iterieren.
Set, Map, WeakSet, WeakMap 11
ES5: Es gab kein direktes Äquivalent.
ES6: Diese Art von Sammlungen wurde für das Datenmanagement eingeführt.
12. Symboltyp
ES5: So etwas gab es nicht.
ES6: Typ Symbol Eingeführt, um eindeutige Kennungen zu erstellen.
13. Array- und Objektmethoden
ES5: Eine begrenzte Anzahl von Methoden.
ES6: Neue Methoden wie Array.from, Array.of, Objekt.Zuweisung Und viele weitere wurden eingeführt.
14. Parameterverwaltung
ES5: Parameter über Objekt Argumente Der Zugriff wurde gewährt.
ES6: Direkte Unterstützung für die Parameterverwaltung mittels ausruhen, Standard Und verbreiten.
Ergebnis
Dies ist ein allgemeiner Vergleich. Der Übergang von ES5 zu ES6 brachte viele Änderungen und Verbesserungen mit sich, die JavaScript deutlich umfangreicher machten. Im Laufe der Zeit fügten nachfolgende Versionen (wie ES7/ES2016 und spätere) der Sprache weitere Funktionen hinzu.
