ECMAScript-2015 – ES6
ECMAScript 6 wurde die zweite große überarbeitung JavaScript.
ECMAScript 6 wird auch als ES6 und ECMAScript 2015 bezeichnet,
Dieses Kapitel beschreibt die wichtigsten Funktionen von ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
Beispiel
// Here x 10
{
let x = 2;
// Hier ist x 2
}
// Here x 10
Probieren Sie es Selbst“
mehr Lesen über let in die Kapitel: JavaScript Lassen.
JavaScript const
Mit dem Schlüsselwort const können Sie eine Konstante (eine JavaScript-Variable mit konstantem Wert) deklarieren.
Konstanten ähneln let-Variablen, mit der Ausnahme, dass der Wert nicht geändert werden kann.,
Beispiel
// Here x 10
{
const x = 2;
// Hier ist x 2
}
// Here x 10
Probieren Sie es Selbst“
mehr Lesen über const in die Kapitel: JavaScript Const.
Pfeilfunktionen
Pfeilfunktionen ermöglichen eine kurze Syntax zum Schreiben von Funktionsausdrücken.
Sie benötigen nicht das Schlüsselwort function, das Schlüsselwort return und die geschweiften Klammern.,
Beispiel
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Probieren Sie es Selbst “
– Pfeil-Funktionen nicht über ein eigenes this.Sie eignen sich nicht gut zum Definieren von Objektmethoden.
Pfeilfunktionen werden nicht gehisst. Sie müssen definiert werden, bevor sie verwendet werden.
Die Verwendung von constist sicherer als die Verwendung von var, da ein Funktionsausdruck immer ein konstanter Wert ist.,
Sie können nur das Schlüsselwort return und die geschweiften Klammern weglassen, wenn die Funktion eine einzelne Anweisung ist. Aus diesem Grund könnte es eine gute Angewohnheit sein, sie immer beizubehalten:
Beispiel
Probieren Sie es selbst aus “
Erfahren Sie mehr über Pfeilfunktionen im Kapitel: JavaScript-Pfeilfunktion.
Die For / Of-Schleife
Die JavaScript for/of – Anweisung durchläuft die Werte eines iterierbaren Objekts.,
for/of Hier können Sie iterierbare Datenstrukturen wie Arrays, Strings, Maps, Nodelisten und mehr durchlaufen.
Diefor/of Schleife hat folgende Syntax:
// auszuführender Codeblock
}
variable – Bei jeder Iteration wird der Wert der nächsten Eigenschaft der Variablen zugewiesen. Variable kann mitconst, let oder vardeklariert werden.
iterierbar-Ein Objekt mit iterierbaren Eigenschaften.,
Schleife über ein Array
Beispiel
var x;
for (x Autos) {
„Dokument“.write(x + „<br >“);
}
Probieren Sie es Selbst „
Durchlaufen einer Zeichenfolge
Beispiel
var x;
for (x, txt) {
„Dokument“.write(x + „<br >“);
}
Probieren Sie es Selbst “
Erfahren Sie mehr im Kapitel: JavaScript-Schleife Für/In/Der.,
JavaScript-Klassen
JavaScript-Klassen sind Vorlagen für JavaScript-Objekte.
Verwenden Sie das Schlüsselwort class, um eine Klasse zu erstellen.
Immer fügen Sie eine Methode mit dem Namen constructor():
Syntax
constructor() { … }
}
Beispiel
Konstruktor (Name, Jahr) {
this.name = name;
dies.year = year;
}
}
Im obigen Beispiel wird eine Klasse mit dem Namen „Car“erstellt.
Die Klasse hat zwei anfängliche Eigenschaften: „Name „und“Jahr“.,
Eine JavaScript-Klasse ist kein Objekt.
Es ist eine Vorlage für JavaScript-Objekte.
Mit einer Klasse
Wenn Sie eine Klasse haben, können Sie mit der Klasse Objekte erstellen:
Beispiel
let myCar2 = new Car („Audi“, 2019);
Try it Yourself “
Erfahren Sie mehr über Klassen im Kapitel: JavaScript-Klassen.
JavaScript-Versprechen
Ein Versprechen ist ein JavaScript-Objekt, das „Code erzeugen“ und „Code konsumieren“verknüpft.,
“ Code erzeugen „kann einige Zeit dauern und“ Code verbrauchen “ muss auf das Ergebnis warten.
Erfahren Sie mehr über Promises im Kapitel: JavaScript Promises.
Der Symboltyp
Ein JavaScript-Symbol ist ein primitiver Datentyp wie Number, String oder Boolean.
Es stellt eine eindeutige „versteckte“ Kennung dar, auf die kein anderer Code versehentlich zugreifen kann.
Für instace, wenn verschiedene Codierer ein person.id eigenschaft für ein Personenobjekt, das zu einem Code eines Drittanbieters gehört, können sie die Werte des jeweils anderen mischen.,
Mit Symbol (), um einen eindeutigen Bezeichner zu erstellen, löst dieses Problem:
Symbole sind immer eindeutig.
Wenn Sie zwei Symbole mit derselben Beschreibung erstellen, haben sie unterschiedliche Werte.
Standardparameterwerte
ES6 erlaubt Funktionsparametern, Standardwerte zu haben.
Funktion Rest-Parameter
Die übrigen parameter (…) erlaubt einer Funktion, eine unbestimmte Anzahl von Argumenten als Array zu behandeln:
Example
let sum = 0;
for (let arg args) sum += arg;
return sum;
}
let x = Summe(4, 9, 16, 25, 29, 100, 66, 77);
Probieren Sie es Selbst “
Array.find ()
Die Methode find() gibt den Wert des ersten Array-Elements zurück, das eine Testfunktion übergibt.
Dieses Beispiel findet das erste Element, das größer als 18 ist (gibt den Wert zurück):
Beachten Sie, dass die Funktion 3 Argumente annimmt:
- Der Elementwert
- Der Elementindex
- Das Array selbst
Array.,findIndex ()
Die Methode findIndex() gibt den Index des ersten Array-Elements zurück, das eine Testfunktion übergibt.,
Dieses Beispiel findet den Index des ersten Elements, das größer als 18 ist:
Beachten Sie, dass die Funktion 3 Argumente verwendet:
- Der Elementwert
- Der Elementindex
- Das Array selbst
Neue Nummerneigenschaften
ES6 hat dem Zahlenobjekt die folgenden Eigenschaften hinzugefügt:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
Beispiel
Versuchen Sie es selbst “
Beispiel
Versuchen Sie es selbst “
Beispiel
Probieren Sie es Selbst “
Neue Nummer Methoden
ES6 Hinzugefügt 2 neue Methoden, um das Number-Objekt:
Number.isInteger()Number.isSafeInteger()
Die Reihe.isInteger () Methode
Die Number.isInteger() Methode gibt true wenn das Argument eine Ganzzahl ist.
Beispiel
Number zurück.isInteger(10.,5); / / gibt false
Versuchen Sie es selbst “
Die Zahl.isSafeInteger () – Methode
Eine sichere Ganzzahl ist eine Ganzzahl, die genau als doppelte Genauigkeitszahl dargestellt werden kann.
Die Methode Number.isSafeInteger() gibt true zurück, wenn das Argument eine sichere Ganzzahl ist.
Sichere Ganzzahlen sind alle Ganzzahlen von – (253 – 1) bis +(253 – 1).
Das ist sicher: 9007199254744091. Dies ist nicht sicher: 9007199254744092.,
New Global Methods
ES6 added 2 new global number methods:
isFinite()isNaN()
The isFinite() Method
The global isFinite() method returns false if the argument is Infinity or NaN.,
Andernfalls wird truezurückgegeben:
Beispiel
isFinite(10/1); // gibt true zurück
Probieren Sie es selbst aus “
Die Methode isNaN ()
Die globale isNaN() id=“0169aa2f07″> wenn das ArgumentNaN. Andernfalls wird false:
Beispiel
Probieren Sie es selbst aus „