ECMAScript 2022

Versione di JavaScript

Le vecchie versioni di ECMAScript sono denominate con numeri: ES5 e ES6.

Dalla versione 2016, le versioni sono denominate con l'anno: ES2016, 2018, 2020, 2022.

Nuove caratteristiche di ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Dichiarazione dei campi della classe
• Metodi e campi privati

JavaScript Array at()

ES2022 ha introdotto il metodo dell'array at():

Esempio 1

Estrai il terzo elemento dell'array fruits:

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

Prova tu stesso

Esempio 2

Estrai il terzo elemento dell'array fruits:

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

Prova tu stesso

at() Il metodo restituisce l'elemento specifico dell'array.

at() Metodo [] i risultati restituiti sono gli stessi.

A partire dal marzo 2022, tutte le moderne browser supportano at() Metodo:

JavaScript String at()

ES2022 ha introdotto il metodo della stringa at():

Esempio 1

Estrai la terza lettera della stringa name:

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

Prova tu stesso

Esempio 2

Estrai la terza lettera della stringa name:

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

Prova tu stesso

at() Il metodo restituisce il carattere specificato dall'indice dalla stringa.

at() Metodo [] i risultati restituiti sono gli stessi.

A partire dal marzo 2022, tutte le moderne browser supportano at() Metodo:

modificatore d RegExp

ES2022 ha aggiunto /d Modificatori, utilizzati per rappresentare l'inizio e la fine della corrispondenza.

try {

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

Prova tu stesso

I modificatori RegExp vengono utilizzati per specificare la distinzione tra maiuscole e minuscole e altre ricerche globali:

Object.hasOwn()

ES2022 fornisce un metodo sicuro per verificare se un attributo è una proprietà自有 dell'oggetto.

Object.hasOwn() simile a Object.prototype.hasOwnPropertyma supporta tutti i tipi di oggetti.

try {

Object.hasOwn(myObject, age)

Prova tu stesso

Causa dell'errore

Esempio

try {

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

Prova tu stesso

await import JavaScript

I moduli JavaScript possono ora aspettare i risorse necessari prima di essere eseguiti:

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

Dichiarazione di campo di classe JavaScript

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

A partire dal aprile 2021, tutte le moderne browser supportano la dichiarazione di campi di classe:

Metodi e campi privati JavaScript

class Hello {
  #counter = 0;  // Campo privato
  #myMethod() {} // Metodo privato
}
const myClass = new Hello();
let x = myClass.#counter; // Errore
myClass.#myMethod();      // Errore

A partire dal giugno 2021, i metodi e i campi privati sono supportati in tutti i browser moderni: