Heim > Web-Frontend > js-Tutorial > 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
Freigeben: 2023-08-24 10:29:02
nach vorne
1383 Leute haben es durchsucht

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)
Nach dem Login kopieren

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)
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage