Heim  >  Artikel  >  Web-Frontend  >  Wie entwickelt sich ES6 (ES2015) weiter und bringt neue Funktionen in modernes JavaScript?

Wie entwickelt sich ES6 (ES2015) weiter und bringt neue Funktionen in modernes JavaScript?

WBOY
WBOYnach vorne
2023-08-24 10:29:021326Durchsuche

ES6 (ES2015) 如何演变并为现代 JavaScript 带来新功能?

In diesem Artikel erfahren Sie, wie sich ES6 (ES2015) weiterentwickelt und neue Funktionen in modernes JavaScript bringt.

ES6 steht für ECMAScript 6. Es ist die 6. Version von ECMAScript und zielt darauf ab, JavaScript zu standardisieren. Die zehn wichtigsten Funktionen von ES6 sind: Schlüsselwörter let und const, Pfeilfunktionen, mehrzeilige Zeichenfolgen, Standardparameter, Vorlagenliterale, Destrukturierungszuweisung, erweiterte Objektliterale und Promise.

Beispiel 1

In diesem Beispiel demonstrieren wir die Pfeilfunktion (=>) -

console.log("An Arrow function Square has been defined")

square = (x) => { return x * x; }
 
let inputValue = 6
console.log("The input value is defined as :", inputValue)

let result= square(inputValue)
console.log("The square of the given value is :", result)

Anleitung

  • Schritt 1 – Definieren Sie eine Pfeilfunktion „Quadrat“, die eine Zahl als Argument akzeptiert und das Quadrat dieser Zahl zurückgibt.

  • Schritt 2 – Rufen Sie die Funktion auf und weisen Sie dem Funktionsaufruf einen Wert zu: „result“

  • Schritt 3 – Ergebnisse anzeigen.

Beispiel 2

console.log("A class Rectangle is defined that uses constructor ",)
class Rectangle { 
   constructor(x, y) {
      this.x = x;
      this.y = y;
   }
}
let object = new Rectangle(10, 20);
console.log("A sides of the rectangle are defined as ")
console.log(object.x, " and ",object.y)

Anleitung

  • Schritt 1 – Definieren Sie eine „Rechteck“-Klasse, die zwei Zahlen als Parameter akzeptiert. Diese Klasse verwendet einen Konstruktor, um zwei Werte zuzuweisen.

  • Schritt 2 – Rufen Sie die Klasse mithilfe des Objekts auf.

  • Schritt 3 – Wert anzeigen.

Das obige ist der detaillierte Inhalt vonWie entwickelt sich ES6 (ES2015) weiter und bringt neue Funktionen in modernes JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen