ECMAScript 2022

JavaScript-versionnummer

Gamla ECMAScript-versioner namnges efter nummer: ES5 och ES6.

Från och med 2016 namnges versionerna efter året: ES2016, 2018, 2020, 2022.

Nya funktioner i ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Klassfältdeklaration
• Privata metoder och fält

JavaScript Array at()

ES2022 introducerade arraymetoder at():

Exempel 1

Få tredje elementet i arrayen fruits:

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

Prova själv

Exempel 2

Få tredje elementet i arrayen fruits:

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

Prova själv

at() Metoden returnerar det element som är angivet av indexet från arrayen.

at() Metod och [] Resultaten är desamma.

Från och med mars 2022 stöds detta av alla moderna webbläsare: at() Metod:

JavaScript String at()

ES2022 introducerade stringmetoder at():

Exempel 1

Få tredje bokstaven i strängen name:

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

Prova själv

Exempel 2

Få tredje bokstaven i strängen name:

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

Prova själv

at() Metoden returnerar den tecken som är på den specificerade indexpositionen från en sträng.

at() Metod och [] Resultaten är desamma.

Från och med mars 2022 stöds detta av alla moderna webbläsare: at() Metod:

RegExp d-modifikator

ES2022 lade till /d Modifikatorer används för att representera början och slutet av en match.

Exempel

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

Prova själv

RegExp-modifikatorer används för att specificera matchning utan att ta hänsyn till storleks skiljetecken och andra globala sökningar:

Object.hasOwn()

ES2022 erbjuder ett säkert sätt att kontrollera om en egenskap är en egen egenskap hos ett objekt.

Object.hasOwn() liknar Object.prototype.hasOwnPropertymen stöder alla objekttyper.

Exempel

Object.hasOwn(myObject, age)

Prova själv

Felorsak

ES2022 tillåter att specificera den grundläggande orsaken till ett fel genom error.cause.

Exempel

connectData(); 
  catch (err) { 
} 
  throw new Error("Anslutning misslyckades.", { cause: err }); 
}

Prova själv

JavaScript await import

JavaScript-moduler kan nu vänta på nödvändiga resurser innan de körs:

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

JavaScript-klassfältdeklarationer

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

Från och med april 2021 stöds klassfältdeklarationer i alla moderna webbläsare:

JavaScript privata metoder och fält

class Hello {
  #counter = 0;  // Privat variabel
  #myMethod() {} // Privat metod
}
const myClass = new Hello();
let x = myClass.#counter; // Fel
myClass.#myMethod();      // Fel

Från och med juni 2021 stöds privata metoder och fält i alla moderna webbläsare: