Почему была введена конструкция async/await и как она улучшает работу с асинхронным кодом?

Async/await был введен для упрощения написания асинхронного кода, делая его более читаемым и поддерживаемым по сравнению с традиционными колбэками или промисами.

Как улучшает:

1. Читаемость: Код с async/await выглядит как синхронный, построчный, что значительно упрощает его понимание.
2. Обработка ошибок: Позволяет использовать стандартные конструкции try/catch для обработки ошибок в асинхронном коде, в отличие от .catch() промисов.
3. Отладка: Точки останова (breakpoints) работают так же, как и в синхронном коде, упрощая процесс отладки.
4. Меньше "callback hell": Устраняет проблему вложенных колбэков, которая приводит к нечитаемому коду.

Пример:

Код с промисами:

javascript

Тот же код с async/await:

javascript

Конструкция async/await построена поверх промисов и является синтаксическим сахаром для работы с ними. Функция, помеченная как async, всегда возвращает промис. Оператор await можно использовать только внутри async функции и он "ожидает" выполнения промиса, возвращая его разрешенное значение или генерируя исключение в случае ошибки.