Як працює async/await?

Конструкція async/await є зручним синтаксичним цукром над стандартними Promises, який дозволяє писати асинхронний код так, ніби він є синхронним, що значно спрощує його читання та підтримку. Будь-яка async function завжди автоматично повертає Promise, навіть якщо всередині неї явно не вказано оператор return. Це гарантує, що код, який викликає, завжди зможе продовжити ланцюжок через метод then або використати ключове слово await.

Ключовим елементом цього синтаксису є оператор await, який може застосовуватися тільки всередині async функцій. Коли інтерпретатор доходить до рядка з await, він призупиняє виконання поточної функції та чекає дозволу вказаного промісу, звільняючи потік для виконання інших завдань у циклі подій. Щойно проміс успішно вирішується, виконання функції відновлюється, а значення промісу записується в змінну, що позбавляє розробника необхідності писати безліч вкладених callback-функцій.

Наприклад, під час розробки кліентських додатків ви можете послідовно надсилати запити на сервер, чекаючи на відповідь від кожного з них у зрозумілій лінійній структурі. За своєю суттю async/await не привносить принципово нових можливостей у рушій JavaScript, але він кардинально змінює підхід до написання коду, зменшуючи ймовірність помилок за рахунок природної послідовності кроків і спрощуючи налагодження складних асинхронних алгоритмів.