логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

Promise в JavaScript

Автор

Дмитрий Нечаев

Promise в JavaScript — это объект, представляющий завершение или провал асинхронной операции и её результирующее значение. Промисы используются для управления асинхронным кодом, позволяя организовать его более читаемым и удобным образом, избегая так называемого "callback hell". Вот простой пример:

let promise = new Promise(function(resolve, reject) {
  setTimeout(() => resolve("данные получены"), 1000);
});

promise.then(data => {
  console.log(data); // выводит "данные получены" после 1 секунды
});

В этом примере Promise создаётся с функцией, которая через секунду "разрешается" с некоторыми данными. then() используется для обработки этих данных после их получения.

Методы

Цепочки методов

Цепочка промисов позволяет последовательно выполнить несколько асинхронных операций. Каждый следующий метод then начинает работу только после того, как предыдущий промис разрешается.

new Promise(function(resolve, reject) {
  setTimeout(() => resolve(1), 1000); // первый асинхронный шаг
}).then(function(result) {
  console.log(result); // выводит 1
  return result * 2;
}).then(function(result) {
  console.log(result); // выводит 2
  return result * 2;
}).then(function(result) {
  console.log(result); // выводит 4
});

Обработка ошибок в цепочках методов

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

new Promise((resolve, reject) => {
  throw new Error("произошла ошибка");
}).catch(err => {
  console.error(err); // обрабатывает ошибку
});

Другие полезные методы промисов

  • Promise.all([promises]): Ожидает выполнения всех промисов. Если один из промисов отклоняется, результатом будет первая возникшая ошибка.
  • Promise.race([promises]): Возвращает результат первого завершившегося промиса, независимо от того, был ли он разрешён или отклонён.
  • Promise.resolve(value) и Promise.reject(reason): Создают промисы, которые немедленно разрешаются или отклоняются соответственно.

Как создать асинхронную функцию с промисом

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

async function fetchData() {
  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("данные загружены"), 1000);
  });
  const result = await promise; // ждёт, пока промис не разрешится
  console.log(result);
}

fetchData();

Промисы схлопываются

Промисы могут "схлопываться", что означает, что промис может возвращать другой промис, и этот процесс продолжается до тех пор, пока не будет возвращён окончательный результат.

let promise = new Promise(resolve => {
  resolve(new Promise(resolve => resolve(5)));
});

promise.then(console.log); // выводит 5

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile