Нововведения в ECMAScript 2019: что полезно знать Веб-разработчику

ECMAScript 2019, также известный как 10-я редакция ECMAScript, привнес множество новых функций и улучшений, которые делают работу с JavaScript более удобной и эффективной. В этой статье мы рассмотрим самые значимые нововведения, которые могут пригодиться веб-разработчикам в их повседневной работе.

Содержание

Как начать использовать новые функции?
Новые Методы для Массивов: Array.prototype.flat и Массив.prototype.flatMap
Object.fromEntries: Преобразование Пар «Ключ-Значение» в Объект
Новые Методы для Строк: trimStart() и trimEnd()
Optional Catch Binding: Обработка Исключений Без Переменной
Обновленная Функция toString(): Теперь Сохранены Комментарии
Стабильность Сортировки Массивов: TimSort
Symbol.description: Описание Символов
Заключение

Как начать использовать новые функции?

Чтобы воспользоваться приведенными ниже примерами, вам потребуется Node.js версии 12 или выше. Если вы используете операционную систему Ubuntu, Debian или Mint, вы можете установить нужную версию Node.js, используя следующие команды:

$sudo apt update
$sudo apt -y upgrade
$sudo apt update
$sudo apt -y install curl dirmngr apt-transport-https lsb-release ca-certificates
$curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
$sudo apt -y install nodejs

Также вы можете запускать примеры прямо в консоли разработчика вашего браузера Chrome версии 72 и выше, открыв её с помощью сочетания клавиш ALT + J.

Новые Методы для Массивов: Array.prototype.flat и Массив.prototype.flatMap

Метод flat() в JavaScript позволяет «разгладить» вложенные массивы, объединяя их элементы в один массив до заданной глубины.

Пример использования flat():

let array1 = ['a', 'b', [1, 2, 3]];
let array2 = array1.flat();
// Результат: ['a', 'b', 1, 2, 3]

Этот метод также удаляет пустые элементы из массива:

let array1 = ['a', 'b', , , , 'c'];
let array2 = array1.flat();
// Результат: ['a', 'b', 'c']

Метод flatMap() сочетает в себе действия map() и flat(). Сначала к каждому элементу массива применяется функция, а затем результат преобразуется в плоскую структуру.

Пример использования flatMap():

let array1 = [1, 2, 3, 4];
let result = array1.flatMap(x => [x + 1]);
// Результат: [2, 3, 4, 5]

Object.fromEntries: Преобразование Пар «Ключ-Значение» в Объект

Метод fromEntries() позволяет создать объект из массива пар «ключ-значение». Это особенно полезно при преобразовании данных из различных итерируемых структур, таких как массивы или карты (Map).

Пример использования fromEntries():

const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries);
// Результат: {a: 1, b: 2, c: 3}

Этот метод значительно упрощает работу с данными, особенно когда нужно преобразовать массивы или Map в объекты.

Новые Методы для Строк: trimStart() и trimEnd()

Методы trimStart() и trimEnd() позволяют удалять пробелы в начале и в конце строки соответственно.

Пример использования trimStart():

let str = ' Hello!';
let trimmedStr = str.trimStart();
// Результат: "Hello!"

Пример использования trimEnd():

let str = 'Hello! ';
let trimmedStr = str.trimEnd();
// Результат: "Hello!"

Эти методы особенно полезны при обработке пользовательского ввода или данных из внешних источников, где пробелы могут быть неуместными.

Optional Catch Binding: Обработка Исключений Без Переменной

В ECMAScript 2019 появилась возможность использовать блок catch без обязательного указания переменной для обработки исключения. Это удобно в ситуациях, когда переменная не используется, но стандартный синтаксис требует её указания.

С традиционной привязкой:

try {
// код, который может вызвать ошибку
} catch (e) {
// обработка ошибки
}

Без привязки переменной:

try {
// код, который может вызвать ошибку
} catch {
// обработка ошибки без переменной
}

Хотя этот подход может быть полезен в определённых ситуациях, рекомендуется всё же обрабатывать ошибки, чтобы лучше контролировать поведение вашего кода.

Обновленная Функция toString(): Теперь Сохранены Комментарии

Функция toString() для функций в ECMAScript 2019 теперь возвращает исходный код функции вместе с комментариями и грамматикой, что делает результат более точным.

Пример:

function /* комментарий */ foo() { /* ещё комментарий */ }
console.log(foo.toString());
// Результат: "function /* комментарий */ foo() { /* ещё комментарий */ }"

Эта функция полезна для анализа кода или создания динамической документации.

Стабильность Сортировки Массивов: TimSort

Новый алгоритм сортировки TimSort заменил ранее использовавшийся QuickSort. Он обеспечивает стабильную сортировку массивов, что означает сохранение порядка элементов с одинаковыми значениями.

Пример:

const array = [
{ name: "a", age: 14 },
{ name: "b", age: 14 },
{ name: "c", age: 13 }
];

const sortedArray = array.sort();
// Сортировка теперь сохраняет порядок элементов с одинаковыми значениями.

Symbol.description: Описание Символов

Свойство description для объектов Symbol возвращает описание символа, если оно было задано при его создании.

Пример использования:

const sym = Symbol('desc');
console.log(sym.description);
// Результат: "desc"

Это нововведение улучшает работу с символами, делая их более понятными и документированными.

Заключение

ECMAScript 2019 предлагает множество полезных функций, которые делают разработку на JavaScript более удобной и эффективной. Эти нововведения помогут вам писать более чистый и понятный код, а также использовать современные возможности языка на полную мощность.