ES6 в JavaScript — современные возможности языка

ECMAScript 2015 (ES2015) — это значительное обновление языка программирования JavaScript. Это первое крупное обновление языка после стандарта ES5, который был принят в 2009 году. Поэтому ES2015 часто называют ES6.

Чтобы следовать этому руководству по ES6, вам необходимо иметь хорошие знания JavaScript вплоть до ES5.

Раздел 1. Новый синтаксис ES6

let — объявляет переменные блочной области действия с помощью ключевого слова let.
let против var — поймите разницу между let и var.
const — определение констант с помощью ключевого слова const.
Параметры функции по умолчанию — узнайте, как установить значение по умолчанию для параметров функции.
Параметр «Остаток» (Rest) — познакомит вас с параметром «Остаток» и способами его эффективного использования.
Оператор спреда (Spread) — узнайте, как эффективно использовать оператор спреда.
Расширения синтаксиса объектных литералов — предоставляют новый способ определения объектных литералов.
for…of — узнайте, как использовать цикл for...of для перебора элементов итерируемого объекта.
Восьмеричные и двоичные литералы — обеспечивают поддержку двоичных литералов и изменяют способ представления восьмеричных литералов.
Шаблонные литералы — узнайте, как подставлять переменные в строку.

Раздел 2. Деструктуризация

Деструктуризация массива — рассмотрите, как присваивать элементы массива переменным.
Деструктуризация объекта — узнайте, как назначать свойства объекта переменным.

Раздел 3. Модули ES6

Модули ES6 — узнайте, как писать модульный код JavaScript.

Раздел 4. Классы ES6

Class — познакомьтесь с синтаксисом классов ES6 и тем, как объявить класс.
Getters и Setters — определите геттеры и сеттеры для класса с помощью ключевых слов get и set.
Выражение класса — изучите альтернативный способ определения нового класса с помощью выражения класса.
Статические методы — узнайте, как определять методы, связанные с классом, а не экземпляры этого класса.
Статические свойства — рассмотрите, как определить статические свойства, общие для всех экземпляров класса.
Вычисляемое свойство — вычисляемое свойство и его практическое применение.
Наследование — узнайте, как расширить класс с помощью ключевых слов extends и super.
new.target — познакомьтесь с метасвойством new.target.

Раздел 5. Стрелочные функции

Стрелочные функции — познакомьтесь со стрелочными функциями.
Стрелочные функции: когда не следует использовать — узнайте, когда не следует использовать стрелочные функции.

Раздел 6. Symbol

Symbol — познакомьтесь с новым примитивным типом, называемым символом в ES6

Раздел 7. Iterators и Generators

Iterators — познакомьтесь с протоколами итерации и итератора.
Generators — разработайте функции, которые могут останавливаться на полпути, а затем возобновлять работу с того места, где они остановились.
yield — углубитесь в то, как использовать ключевое слово yield в генераторах.

Раздел 8. Promises

Promises — узнайте о Javascript Promises, что они собой представляют и как их эффективно использовать.
Цепочка промисов — рассмотрите, как последовательно выполнять несколько асинхронных операций.
Составление промисов — Promise.all() и Promise.race() – узнайте, как составить новый промис из нескольких промисов.
Обработка ошибок — узнайте, как обрабатывать ошибки в промисах.

Раздел 9. Коллекции ES6

Map — познакомить вас с типом map, который содержит коллекцию пар ключ-значение.
Set — узнайте, как использовать тип Set, содержащий коллекцию уникальных значений.

Раздел 10. Расширения массива

Array.of() — улучшение создания массива.
Array.from() — создание массивов из массивоподобных или итерируемых объектов.
Array find() — поиск элемента в массиве
Array findIndex() — поиск индекса элемента в массиве

Раздел 11. Расширения объектов

Object.assign() — копирование объекта или объединение объектов.
Object.assign() — проверяет, являются ли два значения одинаковым значением.

Раздел 12. Расширения строк

String startsWith() — проверяет, начинается ли строка с другой строки.
String endsWith() — определяет, заканчивается ли строка другой строкой.
String includes() — проверяет, содержит ли строка другую строку.

Раздел 13. Proxy и Reflection

Proxy — узнайте, как использовать прокси-объект, который оборачивает другой объект (целевой) и перехватывает основные операции целевого объекта.
Reflection — изучите, как использовать ES6 Reflection API для управления переменными, свойствами и методами объектов во время выполнения.

ES6 Tutorial