Es10

Стандартизация JS перешла на годичный цикл обновлений, а начало года — отличное время для того чтобы узнать, что нас ждёт в юбилейной — уже десятой редакции EcmaScript!

ES9 - актуальная версия спецификации.

ES10 — всё ещё черновик.

На сегодняшний день в Stage 4^# — всего несколько предложений.

А в Stage 3^# — целая дюжина!

Из них, на мой взгляд, самые интересные — приватные поля классов^#, шебанг грамматика для скриптов^#, числа произвольной точности^#, доступ к глобальному контексту^# и динамические импорты^#.

          ^{<cite>Автор фото: kasper.green; Жёлтый магнит: elfafeya.art & kasper.green</cite>}

<cut />

Содержание

Пять стадий^#

Stage 4 — Final^#

•      catch — аргумент стал необязательным^#;

•      Symbol().description — акцессор к описанию символа^#;

•      'строки EcmaScript' — улучшенная совместимость с JSON форматом^#;

•      .toString() — прототипный метод обновлён^#.

•      Object.fromEntries() — создание объекта из массива пар — ключ\значение^#;

•      .flat() и .flatMap() — прототипные методы массивов^#.

---

Stage 3 — Pre-release^#

•      # — приватное всё у классов, через октоторп^#;

•      #!/usr/bin/env node — шебанг грамматика для скриптов^#;

•      BigInt() — новый примитив, для чисел произвольной точности^#;

•      globalThis — новый способ доступа к глобальному контексту^#;

•      import(dynamic) — динамический импорт^#;

•      import.meta — мета-информация о загружаемом модуле^#;

•      JSON.stringify() — фикс метода^#;

•      RegExp — устаревшие возможности^#;

•      .trimStart() и .trimEnd() — прототипные методы строк^#;

•      .matchAll() — .match() с глобальным флагом^#;

Итоги^#

---

Пять стадий

   _Stage 0   ↓   Strawman  ^{Наметка}           Идея, которую можно реализовать через Babel-плагин.;

   _Stage 1   ↓   Proposal  ^{Предложение}     Проверка жизнеспособности идеи.;

   _Stage 2   ↓   Draft  ^{Черновик}                  Начало разработки спецификации.;

   _Stage 3   ↓   Candidate  ^{Кандидат}         Предварительная версия спецификации.;

   _Stage 4  ֍  Finished  ^{Завершён}           Финальная версия спецификации на этот год.

---

Мы рассмотрим только Stage 4 — де-факто, вошедший в стандарт.

И Stage 3 — который вот-вот станет его частью.

---

 

֍ Stage 4

Эти изменения уже вошли в стандарт.

Необязательный аргумент у catch

https://github.com/tc39/proposal-optional-catch-binding

До ES10 блок catch требовал обязательного аргумента для сбора информации об ошибке, даже если она не используется:

function isValidJSON(text) {
  try {
    JSON.parse(text);
    return true;
  } catch(unusedVariable) { // переменная не используется
    return false;
  }
}

^{Edge пока не обновлён до ES10, и ожидаемо валится с ошибкой}

Начиная с редакции ES10, круглые скобки можно опустить и catch станет как две капли воды похож на try.

^{Мой Chrome уже обновился до ES10, а местами и до Stage 3. Дальше скриншоты будут из Chrome}

<spoiler title="исходный код"> ```javascript function isValidJSON(text) { try { JSON.parse(text); return true; } catch { // без аргумента return false; } } ``` </spoiler>

   

Доступ к описанию символьной ссылки

https://tc39.github.io/proposal-Symbol-description/

Описание символьной ссылки можно косвенно получить методом toString():

const symbol_link = Symbol("Symbol description")
String(symbol_link) // "Symbol(Symbol description)"

Начиная с ES10 у символов появилось свойство description, доступное только для чтения. Оно позволяет без всяких танцев с бубном получить описание символа:

symbol_link.description
// "Symbol description"

В случае если описание не задано, вернётся — undefined:

const without_description_symbol_link = Symbol()
without_description_symbol_link.description
// undefined

const empty_description_symbol_link = Symbol('')
empty_description_symbol_link.description
// ""

   

Строки EcmaScript совместимые с JSON

https://github.com/tc39/proposal-json-superset

EcmaScript до десятой редакции утверждает, что JSON является подмножеством JSON.parse, но это неверно.

JSON строки могут содержать неэкранированные символы разделителей линий U+2028 ^{LINE SEPARATOR} и абзацев U+2029^{PARAGRAPH SEPARATOR}.

Строки ECMAScript до десятой версии — нет.

Если в Edge вызвать eval() со строкой "\u2029", он ведёт себя так, словно мы сделали перенос строки — прямо посреди кода:

 

C ES10 строками — всё в порядке:

   

Доработка прототипного метода .toString()

http://tc39.github.io/Function-prototype-toString-revision/

<spoiler title="Цели изменений"> * убрать обратно несовместимое требование:

Если реализация не может создать строку исходного кода, соответствующую этим критериям, она должна вернуть строку, для которой eval будет выброшено исключение с ошибкой синтаксиса.

• уточнить «функционально эквивалентное» требование;

• стандартизировать строковое представление встроенных функций и хост-объектов;

• уточнить требования к представлению на основе «фактических характеристик» объекта;

• убедиться, что синтаксический анализ строки содержит то же тело функции и список параметров, что и оригинал;

• для функций, определенных с использованием кода ECMAScript, toString должен возвращать фрагмент исходного текста от начала первого токена до конца последнего токена, соответствующего соответствующей грамматической конструкции;

• для встроенных функциональных объектов toStringне должны возвращать ничего, кроме NativeFunction;

• для вызываемых объектов, которые не были определены с использованием кода ECMAScript, toString необходимо вернуть NativeFunction;

• для функций, создаваемых динамически (конструкторы функции или генератора) toString, должен синтезировать исходный текст;

• для всех других объектов, toString должен бросить TypeError исключение.

  </spoiler>

// Пользовательская функция
function () { console.log('My Function!'); }.toString();
// function () { console.log('My Function!'); }

// Метод встроенного объекта объект
Number.parseInt.toString();
// function parseInt() { [native code] }

// Функция с привязкой контекста
function () { }.bind(0).toString();
// function () { [native code] }


// Встроенные вызываемые функциональный объекты
Symbol.toString();
// function Symbol() { [native code] }

// Динамически создаваемый функциональный объект
Function().toString();
// function anonymous() {}

// Динамически создаваемый функциональный объект-генератор
function* () { }.toString();
// function* () { }

// .call теперь обязательно ждёт, в качестве аргумента, функцию
Function.prototype.toString.call({});
// Function.prototype.toString requires that 'this' be a Function"

   

Создание объекта методом Object.fromEntries()

https://github.com/tc39/proposal-object-from-entries

^{работает в Chrome}

Аналог _.fromPairs из lodash:

Object.fromEntries([['key_1', 1], ['key_2', 2]])
// {key_1: