Как использовать промисы и async/await в JavaScript

Промисы и async/await являются важными инструментами для работы с асинхронным кодом в JavaScript. В этой статье мы разберем, как правильно использовать их для эффективного и понятного кода.

Промисы

Промисы представляют собой объекты, которые обозначают завершение (или провал) асинхронной операции и ее результат. Основные методы работы с промисами:

1. then(): выполняется, когда промис успешно разрешен.
2. catch(): выполняется, когда промис отклонен (возникла ошибка).
3. finally(): выполняется после разрешения или отклонения промиса.

Пример использования промисов:

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Промис успешно разрешен! 🎉');
  }, 1000);
});

promise
  .then((result) => {
    console.log(result);
  })
  .catch((error) => {
    console.error(error);
  })
  .finally(() => {
    console.log('Завершение работы с промисом.');
  });

Async/await

Async/await является синтаксическим сахаром для работы с промисами, позволяющим писать асинхронный код более линейным и понятным образом. Для использования async/await следует:

1. Объявить функцию с ключевым словом async.
2. Внутри функции использовать ключевое слово await перед промисом.

Пример использования async/await:

const asyncFunction = async () => {
  try {
    const result = await new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('Async/await успешно выполнен! 😎');
      }, 1000);
    });

    console.log(result);
  } catch (error) {
    console.error(error);
  } finally {
    console.log('Завершение работы с async/await.');
  }
};

asyncFunction();

Важно отметить, что ключевое слово await может быть использовано только внутри async функций.

В заключение, промисы и async/await являются мощными инструментами для работы с асинхронным кодом в JavaScript. Использование этих подходов позволяет сделать код более читаемым и понятным. Удачной разработки! 🚀