Promise JS: обещания в JavaScript для асинхронной обработки данных

Promise в JavaScript, также известный как "обещание", является мощным механизмом для работы с асинхронными операциями. Он позволяет выполнять код последовательно и обрабатывать результаты по завершении операций.

Прежде чем рассматривать примеры кода, давайте разберемся, как работают промисы в JavaScript.

Promise - это объект, который может быть:

• в состоянии ожидания (pending), когда асинхронная операция все еще выполняется;
• успешно выполнен (fulfilled), когда асинхронная операция завершилась успешно;
• отклонен (rejected), когда асинхронная операция завершилась с ошибкой.

При создании промиса вы передаете ему функцию-исполнитель (executor), которая принимает два аргумента: функцию resolve и функцию reject. Функция resolve вызывается, когда операция успешно завершается, и передает в качестве аргумента результат операции. Функция reject вызывается, когда операция завершается с ошибкой, и передает в качестве аргумента ошибку.

Теперь перейдем к примерам кода.

Пример 1: Создание промиса и его использование

function fetchUserData() {
  return new Promise((resolve, reject) => {
    // Simulating an asynchronous operation
    setTimeout(() => {
      const data = { username: "JohnDoe", age: 28 };
      resolve(data); // Successfully resolve the promise with data
    }, 2000);
  });
}

// Использование промиса
fetchUserData().then((data) => {
  console.log(data); // Выводим полученные данные на консоль
}).catch((error) => {
  console.log(error); // Обрабатываем ошибку, если возникла
});

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

Пример 2: Цепочка промисов

function fetchUserData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = { username: "JohnDoe", age: 28 };
      resolve(data);
    }, 2000);
  });
}

function displayUserGreeting(user) {
  return new Promise((resolve, reject) => {
    // Simulating another asynchronous operation
    setTimeout(() => {
      if (user.age >= 18) {
        resolve(`Welcome, ${user.username}! You are an adult.`);
      } else {
        reject(`Sorry, ${user.username}. You are not old enough.`);
      }
    }, 1500);
  });
}

// Использование цепочки промисов
fetchUserData().then((data) => {
  return displayUserGreeting(data);
}).then((greeting) => {
  console.log(greeting);
}).catch((error) => {
  console.log(error);
});

В этом примере мы имитируем несколько последовательных асинхронных операций. Мы сначала получаем данные пользователя с помощью функции fetchUserData(), а затем используем эти данные в функции displayUserGreeting(), которая возвращает приветствие в зависимости от возраста пользователя. Используя методы .then(), мы связываем эти промисы в цепочку, чтобы выполнить операции последовательно.

Надеюсь, что эти примеры помогут вам лучше понять Promise в JavaScript. Они демонстрируют основные принципы и возможности использования промисов в асинхронном программировании.