Для чего нужны Async/await?

Этот вопрос проверяет понимание синтаксиса async/await, который является более удобным способом написания асинхронного кода на основе промисов, позволяя избавиться от цепочек then().

Короткий ответ

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

Длинный ответ

async/await — это улучшенный способ работы с асинхронными операциями в JavaScript, основанный на промисах. Функция, объявленная с ключевым словом async, всегда возвращает промис. Внутри такой функции можно использовать оператор await, который приостанавливает выполнение до тех пор, пока промис не будет выполнен (или отклонён). Это позволяет писать асинхронный код в синхронном стиле, что улучшает его читаемость и уменьшает вероятность ошибок.

 

Пример:

async function fetchData() {
  try {
      const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');    
      const data = await response.json();    
      console.log(data);  
  } catch (error) {
      console.error('Error:', error); 
  } 
} 

fetchData();

В этом примере код выполняется последовательно, но благодаря await он "ждет" завершения асинхронных операций (например, ответа от сервера). Если возникает ошибка, она обрабатывается с помощью блока try/catch. async/await делает код более понятным и упрощает обработку ошибок по сравнению с цепочками then/catch.

Уровень

  • Рейтинг:

    4

  • Сложность:

    4

Навыки

  • JavaScript

    JavaScript

Ключевые слова

Подпишись на React Developer в телеграм