ECMAScript 2022

Номер версии JavaScript

Старые версии ECMAScript назывались по номерам: ES5 и ES6.

С 2016 года версии называются по годам: ES2016, 2018, 2020, 2022.

Новые возможности ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Объявление полей класса
• Приватные методы и поля

JavaScript Array at()

ES2022 ввел метод массива at():

Пример 1

Получите третий элемент массива fruits:

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

Попробуйте сами

Пример 2

Получите третий элемент массива fruits:

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

Попробуйте сами

at() Метод возвращает элемент по указанному индексу из массива.

at() Методы, сравнимые с [] Результаты одинаковы.

С марта 2022 года все современные браузеры поддерживают at() Метод:

JavaScript String at()

ES2022 ввел метод строки at():

Пример 1

Получите третий символ строки name:

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

Попробуйте сами

Пример 2

Получите третий символ строки name:

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

Попробуйте сами

at() Методы возвращают指定的 символ из строки по индексу.

at() Методы, сравнимые с [] Результаты одинаковы.

С марта 2022 года все современные браузеры поддерживают at() Метод:

модификатор d RegExp

ES2022 добавил /d Модификаторы, используемые для обозначения начала и конца соответствия.

Пример

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

Попробуйте сами

Модификаторы RegExp используются для указания несравнения的大小енных и других глобальных поисков:

Object.hasOwn()

ES2022 предоставляет безопасный способ проверки, является ли свойство собственным свойством объекта.

Object.hasOwn() Подобно Object.prototype.hasOwnPropertyНо поддерживает все типы объектов.

Пример

Object.hasOwn(myObject, age)

Попробуйте сами

Причина ошибки

ES2022 позволяет指定 корневую причину ошибки с помощью error.cause.

Пример

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

Попробуйте сами

await import JavaScript

Модули JavaScript теперь могут ждать необходимые ресурсы до выполнения:

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

Классовые поля JavaScript

class Hello {
  counter = 0; // классовое поле
}
const myClass = new Hello();
let x = myClass.counter;

С апреля 2021 года все современные браузеры поддерживают классовые поля declarations:

Частные методы и поля в JavaScript

class Hello {
  #counter = 0;  // частное поле
  #myMethod() {} // частный метод
}
const myClass = new Hello();
let x = myClass.#counter; // ошибка
myClass.#myMethod();      // ошибка

С июня 2021 года в всех современных браузерах поддерживаются частные методы и поля: