ECMAScript 2022

JavaScript-versioiden numerot

Vanhat ECMAScript-versiot nimetään numeroilla: ES5 ja ES6.

Vuodesta 2016 lähtien versiot nimetään vuosina: ES2016, 2018, 2020, 2022.

ES2022:n uudet ominaisuudet

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Luokan kenttäjulistus
• Yksityiset metodit ja kentät

JavaScript Array at()

ES2022 toihti tietojonometodin at():

Esimerkki 1

Hanki fruits-tietojoukon kolmas elementti:

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

Kokeile itse

Esimerkki 2

Hanki fruits-tietojoukon kolmas elementti:

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

Kokeile itse

at() Metodi palauttaa tietojoukosta tietyn indeksin elementin.

at() Menetelmä on [] Palautetut tulokset ovat samat.

Alkaen maaliskuusta 2022, kaikki nykyaikaiset selaimet tukevat at() Menetelmä:

JavaScript String at()

ES2022 toihti merkkijonometodin at():

Esimerkki 1

Hanki merkkijono 'name' kolmas kirjain:

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

Kokeile itse

Esimerkki 2

Hanki merkkijono 'name' kolmas kirjain:

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

Kokeile itse

at() Menetelmä palauttaa merkkijonosta tietyn indeksin merkin.

at() Menetelmä on [] Palautetut tulokset ovat samat.

Alkaen maaliskuusta 2022, kaikki nykyaikaiset selaimet tukevat at() Menetelmä:

RegExp d-merkintä

ES2022 lisäsi /d Merkinnät, jotka ilmaisevat sopivuuden alkamisen ja päättymisen.

Esimerkki

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

Kokeile itse

RegExp-merkinnät käytetään määrittämään suuruuskirjainta riippumaton ja muita globaaleja hakujen:

Object.hasOwn()

ES2022 tarjoaa turvallisen tavan tarkistaa, onko ominaisuus objektin oma ominaisuus.

Object.hasOwn() on samanlainen kuin Object.prototype.hasOwnPropertytukee kaikkia objektityyppejä.

Esimerkki

Object.hasOwn(myObject, age)

Kokeile itse

Virheen syy

ES2022 sallii määrittää virheen perimmäisen syyn error.cause:lla.

Esimerkki

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

Kokeile itse

JavaScript await import

JavaScript-moduulit voivat nyt odottaa tarvittavia tuontitietoja ennen suorittamista:

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

JavaScript-luokkien kenttien ilmoitukset

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

Alkaen huhtikuusta 2021, kaikki nykyaikaiset selaimet tukevat luokkien kenttien ilmoituksia:

JavaScript-yksityiset menetelmät ja kentät

class Hello {
  #counter = 0;  // Yksityinen kenttä
  #myMethod() {} // Yksityinen menetelmä
}
const myClass = new Hello();
let x = myClass.#counter; // Virhe
myClass.#myMethod();      // Virhe

Tammikuusta 2021 lähtien kaikki modernit selaimet tukevat yksityisiä menetelmiä ja kenttiä: