Что нового в JavaScript ES2019

Существует стандартная процедура для последних версий Javascript и за этим стоит целый комитет. В статье я расскажу о том, кто принимает решения по любой новой спецификации, какова процедура для нее и что нового в ES2019.

Спецификация языка, управляющая JavaScript, называется ECMAScript. Существует группа под названием технический комитет 39 [TC39], которая рассматривает каждую спецификацию перед принятием.Каждое изменение проходит поэтапно:

• Этап 0: Идеи
• Этап 1: Предложения
• Этап 2: Черновики
• Этап 3: Кандидаты
• Этап 4: Завершение/Утверждение

Функция, которая достигает 4-го этапа, скорее всего, будет частью спецификации языка.Рассмотрим, что добавлено в спецификацию в соответствии с ES2019.

Array.prototype.{flat,flatMap}

Array.prototype.flat() позволяет рекурсивно сгладить массивы до заданной глубины и вернуть новый массив.Синтаксис: Array.prototype.flat(depth)глубина — значение по умолчанию 1, используйте Infinity, чтобы сгладить все вложенные массивы.

const numbers = [1, 2, [3, 4, [5, 6]]]; // Considers default depth of 1 numbers.flat(); > [1, 2, 3, 4, [5, 6]] // With depth of 2 numbers.flat(2); > [1, 2, 3, 4, 5, 6] // Executes two flat operations numbers.flat().flat(); > [1, 2, 3, 4, 5, 6] // Flattens recursively until the array contains no nested arrays numbers.flat(Infinity) > [1, 2, 3, 4, 5, 6]

Array.prototype.flatMap () отображает каждый элемент с помощью функции отображения и выравнивает результат в новый массив. Это идентично операции map, за которой следует flat глубиной 1. Синтаксис: Array.prototype.flatMap(callback)callback: функция, которая производит элемент нового массива.

const numbers = [1, 2, 3]; numbers.map(x => [x * 2]); > [[2], [4], [6]] numbers.flatMap(x => [x * 2]); > [2, 4, 6]

Object.fromEntries

Object.fromEntries выполняет обратное Object.entries. Он преобразует список пар ключ-значение в объект.Синтаксис: Object.fromEntries(iterable)итерация: Итерация как Array или Map объекты, реализующие итерируемый протокол.

const records = [['name','Mathew'], ['age', 32]]; const obj = Object.fromEntries(records); > { name: 'Mathew', age: 32} Object.entries(obj); > [['name','Mathew'], ['age', 32]];

String.prototype.{trimStart, trimEnd}

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

const greeting = ` Hello Javascript! `; greeting.length; > 19 greeting = greeting.trimStart(); > 'Hello Javascript! ' greeting.length; > 18 greeting = 'Hello World! '; greeting.length; > 15 greeting = greeting.trimEnd(); > 'Hello World!' greeting.length; > 12

Optional Catch Binding

До новой спецификации требовалось иметь привязку переменной исключения к оператору catch. ES2019 сделал его необязательным.

// Before try { ... } catch(error) { ... } // After try { ... } catch { ... }

Эта функция полезна, если вы хотите полностью игнорировать ошибку. Лучшая практика — рассмотреть обработку ошибки. Есть случаи, когда вы знаете возможную ошибку, которая может сработать при выполнении операций. И вы можете игнорировать обработку catch.

JSON ⊂ ECMAScript

Символы разделителя строк (U + 2028) и разделителя абзацев (U + 2029) теперь разрешены в строковых литералах. Ранее они рассматривались как терминаторы строки и приводили к исключениям SyntaxError.

// Produces invalid string before ES2019 eval('"\u2028"'); // Valid in ES2019 eval('"\u2028"');

Хорошо сформированный JSON.stringify

Вместо непарных суррогатных кодовых точек, приводящих к единым кодовым единицам UTF-16, ES10 представляет их с помощью escape-последовательностей JSON.

JSON.stringify('\uD800'); > '"�"' JSON.stringify('\uD800'); > '"\\ud800"'

Function.prototype.toString

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

function /* a comment */ foo () {} // Previously: foo.toString(); > 'function foo() {}' ^ no comment ^ no space // Now: foo.toString(); > 'function /* comment */ foo () {}'

Symbol.prototype.description

Свойство только для чтения, которое возвращает необязательное описание объекта Symbol:

Symbol('desc').toString(); > "Symbol(desc)" Symbol('desc').description; > "desc" Symbol('').description; > "" Symbol().description; > undefined

Заключение

Есть еще много других интересных вещей таких, как статические и приватные методы и поля в классах, Legacy RegEx и т.д. Разработчику важно следить за появлением новых технологий, улучшением старых и использовать это в работе.Будет полезно почитать предыдущие версии: ES2015 ES2016 ES2017 ES2018

Перевод What’s new in JavaScript ES2019 от Digital Skynet