Возможности ES6+

Деструктуризация распаковывает значения из массивов или свойства из объектов в отдельные переменные одним выражением. Массивная форма [a, b] = arr связывает по позиции; объектная {x, y} = obj — по совпадению имени свойства. Чтобы поменять две переменные местами, пишут [a, b] = [b, a]: правая часть строит временный массив, затем его элементы присваиваются обратно, так что отдельная временная переменная не нужна.

Расширение ... раскрывает содержимое итерируемого объекта или объекта на месте. В литерале массива [...iterable] оно раскладывает каждый элемент, так что [...'ab'] даёт ['a', 'b']; в вызове f(...arr) передаёт каждый элемент отдельным аргументом; в литерале объекта {...obj} копирует собственные перечислимые свойства (поверхностная копия). Оно читает из источника — в отличие от rest ..., который собирает несколько элементов в один.

Используйте ключевое слово class с именем, необязательным constructor для настройки каждого экземпляра и определениями методов прямо в теле (без запятых и слова function). constructor выполняется при вызове new ClassName(args), который создаёт новый объект, привязывает его к this и возвращает. Методы из тела общие, а не копируются в каждый экземпляр.

Параметры по умолчанию позволяют писать function f(x = 10), чтобы параметр получал запасное значение при отсутствии аргумента. По умолчанию срабатывает только когда аргумент равен undefined — либо вовсе опущен, либо явно передан как undefined. Другие ложные значения вроде 0, '', null или false — настоящие аргументы и подавляют умолчание. Выражение по умолчанию вычисляется лениво, один раз за вызов и только при необходимости.

ES-модуль раскрывает привязки через export (именованные или один default) и подключает их в другом месте через import. Всё, что не экспортировано, остаётся приватным для файла — область видимости модуля это верхний уровень, а не глобальная, поэтому объявления верхнего уровня не становятся глобальными переменными. Каждый модуль выполняется один раз, имеет свою область видимости и всегда автоматически в строгом режиме, без директивы 'use strict'.

class B extends A делает B подклассом A. В конструкторе B нужно вызвать super(args) до использования this, что выполняет конструктор родителя; super.method() вызывает родительский метод. Члены static принадлежат самому классу, а не экземплярам, и наследуются подклассами. #field по-настоящему приватный — доступен только внутри тела объявляющего класса, невидим для подклассов и внешнего кода, и это не то же, что соглашение об именовании.

for...of перебирает значения итерируемого объекта (Array, String, Map, Set и т.д.), так для ['a','b'] он даёт 'a', затем 'b'. for...in перебирает перечислимые строковые ключи свойств любого объекта, включая унаследованные и добавленные в массив, так для массива он даёт строки-индексы вроде '0', '1' плюс любые свои ключи. Используйте for...of для упорядоченных значений, for...in — для ключей объекта.

a ?? b возвращает a, если только a не равен null или undefined, и тогда возвращает b. Он отличается от ||, который возвращает правую часть при любом ложном левом операнде — включая 0, '', NaN и false. Так 0 ?? 5 даёт 0, а 0 || 5 даёт 5. Это делает ?? верным выбором для подстановки умолчания только при отсутствующих значениях, сохраняя законные ложные вроде 0 или ''.

?. безопасно читает свойство, вызывает метод или индексирует: если значение слева равно null или undefined, всё выражение замыкается накоротко и даёт undefined, а не выбрасывает ошибку. Так a?.b.c возвращает undefined, когда a равен nullish, пропуская остаток цепочки. Формы: obj?.prop, obj?.[key] и fn?.(). Оно защищает только от nullish — прочие ложные значения доступны как обычно.

Динамический import('./mod') — функциеподобная форма, загружающая модуль во время выполнения и возвращающая промис, разрешающийся в объект пространства имён модуля. В отличие от статического import верхнего уровня, он может выполняться условно, внутри функций, со спецификатором, вычисленным в рантайме, и его await или цепляют через .then(). Сборщики используют его для разделения кода и ленивой загрузки, так что чанк подгружается только при реальной необходимости, а не заранее.

class разворачивается в функцию-конструктор плюс настройку прототипа: методы из тела живут на Constructor.prototype и общие для экземпляров, точно как при ручном присваивании прототипу. Но классы не чистый сахар — их методы неперечислимы (поэтому не появляются в for...in), объявление class не всплывает пригодным образом (обращение к нему до объявления это ReferenceError, в отличие от функции), а всё тело всегда выполняется в строгом режиме.

Деструктуризация компонуется рекурсивно: const {a: {b}} = obj добирается до вложенных объектов, псевдоним переименовывает через {x: y} (связывая y), а = value даёт умолчание, применяемое только когда ячейка undefined. Rest ...rest собирает оставшиеся элементы массива или свойства объекта в одну привязку (объектный rest должен быть последним). Можно деструктурировать прямо в списке параметров, напр. function f({x = 1, y} = {}), сочетая умолчания на уровне свойства и всего параметра.

Импорты ESM — живые привязки только для чтения: импортёр видит текущее значение экспортёра, поэтому обновлённая в модуле переменная отражается на стороне импорта, в отличие от CommonJS, который копирует значение в момент require. import/export ESM статичны — разрешаются до выполнения — что включает tree-shaking. Он также поддерживает await верхнего уровня. CommonJS (require/module.exports) динамичен, синхронен и копирует значения, загружаясь в момент вызова, а не разбираясь заранее.