Was ist neu in JavaScript ES6?

JavaScript wird als zu den am häufigsten verwendeten und beliebten Skriptsprachen angesehen. Es wurde 1995 erfunden und ursprünglich Mokka genannt, wurde aber schließlich zu JavaScript. Die Sprache JavaScript wurde von Brendaneich erfunden und in den ECMA -Standard verwandelt. ES1, ES2, ES3, ES5 und ES6 sind zahlreiche Versionen von ECMascript.

JavaScript ES6 ist ein Standard, um die Interoperabilität der Webseite in verschiedenen Webbrowsern sicherzustellen. ES6 ist der 6^th Version der JavaScript -Programmiersprache. Es ist eine wesentliche Verbesserung der JavaScript-Sprache und fügt mehr Funktionen hinzu, um die Entwicklung von Software in großem Maßstab zu erleichtern. Nur wenige Merkmale des ES6 -Skripts werden von allen Browsern nicht unterstützt, aber die meisten werden unterstützt. Fast alle berühmten Webbrowser unterstützen alle Funktionen von ES6.

Die Transpiler -Software kann verwendet werden, um den ES6 -Code in ES5 umzuwandeln, der älteren Version von JavaScript und daher kompatibler mit Browsern.

In diesem Artikel betrachten wir einige Änderungen, die ES6 in JavaScript mitgebracht hat.

Merkmale von ES6 JavaScript

Konstanten, die als unveränderliche Variablen bekannt sind: ES6 unterstützt nun den Begriff konstante Variablen. Der Wert dieser Variablen kann nicht geändert werden. Ein Fehler wird ausgelöst, wenn jemand versucht, die Variable in dem ähnlichen Bereich neu zu definieren:

const pi = math.PI;
// Ausgabe: Wert von pi
Konsole.log (pi);
pi = 4;
// Typeerror: Zuordnung zur konstanten Variablen.
Konsole.log (pi);
const pi = math.PI;
// Ausgabe: Wert von pi
Konsole.log (pi);

const pi = 4;
// Ausgabe: 4 (ohne Fehler, wie es aus dem Zielfernrohr ist)
Konsole.log (pi);

Wenn ein Objekt verwendet wurde Const, Seine Schlüssel können nicht geändert werden. Die Werte können jedoch geändert werden:

const user =
Name: "Steve",
Alter: 13

user =
Benutzername: "Harry",
Klasse: "3."
// typeerror: Zuordnung zur konstanten Variablen. const user =
Name: "Steve",
Alter: 13

Benutzer.name = "harry";
Konsole.Protokoll (Benutzer);

Regeln für blockierte Umfangsfunktionen und Variablen

Ein weiteres wichtiges neues Merkmal von ES6 ist, dass Variablen durch Deklaration durchführen können lassen Und Const die blockgeschützten Regeln folgen. Durch diese Block-Scoped-Regel hält die Variable ihren Wert bis zum Ende des Blocks. Der Wert des äußeren Blocks wird nach dem inneren Block wiederhergestellt:

Sei a = 5;
// Ausgabe: 5
Konsole.Protokoll (a);

Sei a = 4;
// Ausgabe: 4
Konsole.Protokoll (a);

// Ausgabe: 5
Konsole.Protokoll (a);

Pfeilfunktionen

ES6 unterstützt auch Pfeilfunktionen. Im folgenden Beispiel haben wir eine Pfeilfunktion erstellt, die eine Zahl als Argument nimmt und den Wert seines Quadrats zurückgibt:

sq = a => a*a;
Konsole.log (sq (5));

Die Pfeilfunktionen haben ihre Grenzen und können nicht überall verwendet werden.

Handhabung von Funktionsparametern

ES6 gibt uns die Möglichkeit, Standardwerte für die Parameter einer Funktion festzulegen. Wenn beim Aufrufen der Funktion keine Argumente angegeben werden, werden die Standardparameter verwendet:

Funktion SQ (a = 5, b = 3)
Konsole.log (a + " +" + b + "=" + (a + b));

SQ (5, 9);
sq ();

Parameter der Ruhefunktion

Die Funktion der Ruheparameter ist ein weiteres Merkmal von ES6. Diese Funktion hilft Ihnen, eine beliebige Anzahl von Argumenten zu erhalten, wenn die Funktion aufgerufen wird. Mit der unten gezeigten Syntax können Sie die verbleibenden Argumente nach dem definierten Argument in einem Array erfassen:

Funktion rastparams (a, b,… params)
Konsole.Protokoll (a);
Konsole.log (b);
Konsole.log (params);

Restparams (1,2,3,4,5,6,7,8,9);

Vorlagenliterale

Eine String -Vorlage oder eine Vorlage buchstäblich bezieht. In einfacheren Worten kann eine Zeichenfolge in Backticks (') eingeschlossen werden, und diese Zeichenfolgen können (interpolierte) Ausdrücke unter Verwendung der verwendet werden $ ··· Syntax:

var FirstName = 'John';
var lastname = 'doe';
Konsole.log ('Mein Name ist $ FirstName $ LastName');

Eigenschaften des Objekts

ES6 bot eine neue Syntax für die Erstellung von Objekten. Hier ist das Beispiel:

var FirstName = 'John';
var lastname = 'doe';
var id = 03;
var department = 'Bildung';
var peopeeedata = FirstName, LastName, ID, Abteilung;
Konsole.log (pecteedata);

Syntax der formalen Klassendefinition

JavaScript ES6 unterstützt die formale Klassendefinitionsyntax. Es ist ein einfacher syntaktischer Zucker für Prototypenbasisklassen, der bereits verfügbar ist, aber es hilft, die Code -Klarheit zu verbessern. Dies bedeutet, dass dies kein neues Objektmodell hinzugefügt hat.

Klassenkreis
Konstruktor (Radius)
Das.Radius = Radius;


var c = neuer Kreis (8);

Methodenerklärung

ES6 JavaScript bietet eine einfachere Möglichkeit, Methoden zu deklarieren. Früher mussten wir in ES5 zusammen mit dem Funktionsnamen das Schlüsselwort „Funktion“ erwähnen, während wir es definieren. In ES6 können wir jedoch die Pfeilfunktion verwenden und sind nicht verpflichtet, das Schlüsselwort „Funktion“ zu schreiben. Hier ist das Beispiel:

In Es5

var diameter = function (radius)
Sei Dia = 2*Radius;
Return Dia;
;
Durchmesser (8);

In ES6

var diameter = (radius) =>
Sei Dia = 2*Radius;
Return Dia;
;
Durchmesser (8);

Für/von Schleifen

Mit für/von können Sie iterable Datenstrukturen wie Arrays, Zeichenfolgen, Karten usw. iterieren:

var num = [5, 6, 7, 8, 9];
für (lass D von num)

Konsole.log (d);

Abschluss

ES6 ist die zweite wichtige Überarbeitung von JavaScript, die 2015 veröffentlicht wurde. JavaScript in ES7, ES8, ES9 usw. hat jährlich Ergänzungen gegeben, aber diese neuen Versionen haben keine wesentlichen Veränderungen vorgenommen. In diesem Artikel haben wir kurz erklärt, was ES6 JavaScript ist, die Vorteile der ES6 -Version und einige der neuen Funktionen, die in Version ES6 eingeführt wurden.