ECMAScript 2022

JavaScript-Versionen

Alte ECMAScript-Versionen werden numerisch benannt: ES5 und ES6.

Ab 2016 werden Versionen nach dem Jahr benannt: ES2016, 2018, 2020, 2022.

Neue Funktionen von ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Klassische Felddeklarationen
• Private Methoden und Felder

JavaScript Array at()

ES2022 hat Array-Methoden eingeführt at():

Beispiel 1

Erhalten Sie das dritte Element des Arrays 'fruits':

const fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
let fruit = fruits.at(2);

Try it yourself

Beispiel 2

Erhalten Sie das dritte Element des Arrays 'fruits':

const fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
let fruit = fruits[2];

Try it yourself

at() Diese Methode gibt das Element an der angegebenen Indexposition aus dem Array zurück.

at() Method is equivalent to [] The returned results are the same.

Starting from March 2022, all modern browsers support at() Method:

JavaScript String at()

ES2022 hat Methoden für Strings eingeführt at():

Beispiel 1

Erhalten Sie das dritte Zeichen des Strings 'name':

const name = "W3Schools";
let letter = name.at(2);

Try it yourself

Beispiel 2

Erhalten Sie das dritte Zeichen des Strings 'name':

const name = "W3Schools";
let letter = name[2];

Try it yourself

at() Method returns the character at the specified index from the string.

at() Method is equivalent to [] The returned results are the same.

Starting from March 2022, all modern browsers support at() Method:

RegExp d modifier

ES2022 adds /d Modifiers used to indicate the start and end of the match.

Instance

let text = "aaaabb";
let result = text.match(/(aa)(bb)/d);

Try it yourself

RegExp modifiers are used to specify case-insensitive matching and other global searches:

Object.hasOwn()

ES2022 provides a safe method to check if a property is an own property of an object.

Object.hasOwn() Similar to Object.prototype.hasOwnPropertybut supports all object types.

Instance

Object.hasOwn(myObject, age)

Try it yourself

Error Cause

ES2022 allows specifying the root cause of an error through error.cause.

Instance

try { 
  connectData(); 
} 
  throw new Error("Connecting failed.", { cause: err }); 
}

Try it yourself

JavaScript await import

JavaScript modules can now wait for required resources before execution:

import {myData} from './myData.js';
const data = await myData();

JavaScript class field declarations

class Hello {
  counter = 0; // class field
}
const myClass = new Hello();
let x = myClass.counter;

Starting from April 2021, class field declarations are supported in all modern browsers:

JavaScript-private Methoden und Felder

class Hello {
  #counter = 0;  // Private Variable
  #myMethod() {} // Private Methode
}
const myClass = new Hello();
let x = myClass.#counter; // Fehler
myClass.#myMethod();      // Fehler

Seit Juni 2021 werden private Methoden und Felder in allen modernen Browsern unterstützt: