ECMAScript 2022

Numer wersji JavaScript

Starsze wersje ECMAScript są nazywane liczbami: ES5 i ES6.

Od 2016 roku wersje są nazywane rokiem: ES2016, 2018, 2020, 2022.

Nowe funkcje ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Deklaracja pól klasy
• Prywatne metody i pola

JavaScript Array at()

ES2022 wprowadził metodę tablicy at():

Przykład 1

Uzyskaj trzeci element tablicy fruits:

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

Spróbuj sam

Przykład 2

Uzyskaj trzeci element tablicy fruits:

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

Spróbuj sam

at() Metoda zwraca element o określonym indeksie z tablicy.

at() Metoda jest podobna do [] Zwracane wyniki są takie same.

Od marca 2022 roku, wszystkie nowoczesne przeglądarki wspierają: at() Metoda:

JavaScript String at()

ES2022 wprowadził metodę łańcucha znaków at():

Przykład 1

Uzyskaj trzeci znak ciągu znaków name:

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

Spróbuj sam

Przykład 2

Uzyskaj trzeci znak ciągu znaków name:

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

Spróbuj sam

at() Metoda zwraca znak o zadanym indeksie z ciągu znaków.

at() Metoda jest podobna do [] Zwracane wyniki są takie same.

Od marca 2022 roku, wszystkie nowoczesne przeglądarki wspierają: at() Metoda:

modyfikator d w RegExp

ES2022 dodał /d Modyfikatory, które oznaczają początek i koniec dopasowania.

Instancja

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

Spróbuj sam

Modyfikatory RegExp służą do określenia bez rozróżniania wielkości oraz innych wyszukiwań globalnych:

Object.hasOwn()

ES2022 oferuje bezpieczny sposób sprawdzania, czy właściwość jest własnością obiektu.

Object.hasOwn() Podobnie jak Object.prototype.hasOwnPropertyale obsługuje wszystkie typy obiektów.

Instancja

Object.hasOwn(myObject, age)

Spróbuj sam

Przyczyna błędu

ES2022 pozwala określić podstawową przyczynę błędu za pomocą error.cause.

Instancja

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

Spróbuj sam

await import w JavaScript

Moduły JavaScript mogą teraz czekać na wymagane zasoby przed uruchomieniem:

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

Deklaracje pól klas w JavaScript

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

Od kwietnia 2021 roku, wszechstronne przeglądarki wspierają deklaracje pól klas:

Prywatne metody i pola w JavaScript

class Hello {
  #counter = 0;  // Prywatne pole
  #myMethod() {} // Prywatna metoda
}
const myClass = new Hello();
let x = myClass.#counter; // Błąd
myClass.#myMethod();      // Błąd

Od czerwca 2021 roku, prywatne metody i pola są obsługiwane we wszystkich nowoczesnych przeglądarkach: