Что возвращает функция, объявленная с async?

Функция, объявленная с использованием ключевого слова async, возвращает Promise (промис). Это один из ключевых аспектов работы с асинхронным кодом в JavaScript, который позволяет более удобно управлять асинхронными операциями.

Основные моменты

1. Promise:

   • Когда функция помечена как async, она всегда возвращает промис. Если внутри функции возвращается значение, это значение автоматически оборачивается в промис.
   • Если возникает ошибка, то промис будет отклонён с этой ошибкой.

2. Синтаксис:

   • Объявление функции с помощью async:

     async function fetchData() {
         return "Data received";
     }
     

   • В этом примере, вызов fetchData() вернёт промис, который разрешится со значением "Data received".

3. Обработка результата:

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

     fetchData().then(result => {
         console.log(result); // "Data received"
     });
     

   • Или с использованием await:

     async function handleData() {
         const result = await fetchData();
         console.log(result); // "Data received"
     }
     handleData();
     

Примеры

1. Простой пример:

   async function simpleFunction() {
       return "Hello, World!";
   }
   
   simpleFunction().then(console.log); // "Hello, World!"
   

2. Обработка ошибок:

   async function errorFunction() {
       throw new Error("Something went wrong!");
   }
   
   errorFunction().catch(error => {
       console.error(error.message); // "Something went wrong!"
   });
   

Альтернативы

• Простые функции: Если функция не объявлена как async, она будет возвращать просто значение или undefined, если нет явного return.

  function syncFunction() {
      return "Synchronous value";
  }
  console.log(syncFunction()); // "Synchronous value"
  

• Promise без async: Можно создать промис вручную, используя конструктор Promise, но в этом случае код будет менее читабельным и требует больше усилий для обработки ошибок.

  function manualPromise() {
      return new Promise((resolve, reject) => {
          resolve("Manual promise resolved");
      });
  }
  
  manualPromise().then(console.log); // "Manual promise resolved"
  

Практические советы

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

Распространённые ошибки

• Забыть о await: Если вы забыли использовать await перед вызовом async функции, вы получите промис вместо ожидаемого значения.
• Не обрабатывать ошибки: Отсутствие обработки ошибок может привести к тому, что вы не увидите, когда что-то пошло не так.

Использование async и await представляет собой мощный инструмент в JavaScript, который упрощает работу с асинхронным кодом и делает его более управляемым и понятным.