React Frontend Developer

Question 1

Как работает асинхронная итерация в ES6+ с использованием for-await-of?

Accepted Answer

Асинхронная итерация с использованием for-await-of позволяет работать с асинхронными итераторами, такими как асинхронные генераторы или промисы, которые возвращают данные постепенно. Оператор for-await-of ждет разрешения каждого промиса перед переходом к следующей итерации. Это удобно для обработки потоков данных или последовательных асинхронных операций.

Question 2

Как переписать callback-based код на ES6 (Promises/async-await)?

Accepted Answer

Код на колбэках можно переписать на ES6, используя промисы и async/await. Сначала оберни асинхронную функцию, принимающую колбэк, в промис. Затем используй цепочки .then() и .catch() для обработки успеха и ошибок. Для максимальной читаемости примени async/await, который позволяет писать асинхронный код почти как синхронный. Это устраняет "ад колбэков" и упрощает отладку.

Question 3

Является ли класс (class) в ES6 принципиально новой конструкцией или это синтаксический сахар над функцией-конструктором?

Accepted Answer

Классы в ES6 — это синтаксический сахар над функциями-конструкторами и прототипным наследованием. Они не вводят новую объектную модель, а лишь предоставляют более удобный и понятный синтаксис для создания объектов и работы с наследованием. Внутри классы компилируются в обычные функции и прототипы.

Question 4

Расскажите, какая новая функциональность появилась в стандарте ES6 (ES2015) в JavaScript.

Accepted Answer

ES6 (ES2015) добавил в JavaScript множество важных возможностей: объявление переменных через let и const, стрелочные функции, классы, шаблонные строки, деструктуризацию, модули, промисы, параметры по умолчанию, операторы spread/rest и многое другое. Эти нововведения сделали язык более удобным и мощным для создания сложных приложений.

Вопросы React Frontend Developer