PromiseJS: основы и практика

Promise в JavaScript - это удобный механизм для асинхронного программирования. Он предоставляет возможность создавать асинхронные операции и работать с результатами этих операций, используя цепочки обещаний (Promise chains).

Пример создания Promise в JavaScript:

js
const myPromise = new Promise((resolve, reject) => {
  // реализация асинхронной операции
  if (успешно) {
    resolve('Результат успешной операции');
  } else {
    reject('Ошибка операции');
  }
});

В примере выше мы создаем новый Promise, который принимает две функции обратного вызова (callbacks) - resolve и reject. Если операция завершена успешно, мы вызываем resolve и передаем в него результат операции. Если операция завершилась неудачно, мы вызываем reject и передаем в него причину ошибки.

Пример использования Promise для выполнения асинхронной операции:

js
function fetchData() {
  return new Promise((resolve, reject) => {
    fetch('https://jsonplaceholder.typicode.com/todos/1')
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error));
  });
}
fetchData()
  .then(data => console.log(data))
  .catch(error => console.log(error));

В примере выше мы создаем функцию fetchData, которая возвращает новый Promise. Мы используем метод fetch для получения данных с удаленного сервера и преобразуем ответ в формат JSON. Затем мы вызываем resolve и передаем в него полученные данные. Если произошла ошибка, мы вызываем reject и передаем в него причину ошибки.

Затем мы вызываем функцию fetchData и при успешном выполнении операции выводим полученные данные в консоль. Если операция завершается неудачно, мы ловим ошибку с помощью метода catch и выводим ее в консоль.

Цепочка обещаний (Promise chain) позволяет выполнять несколько асинхронных операций последовательно. В примере ниже мы используем Promise chain для загрузки нескольких файлов с помощью функции fetch:

js
function fetchFiles() {
  return fetch('file1.txt')
    .then(response => response.text())
    .then(data1 => fetch('file2.txt'))
    .then(response => response.text())
    .then(data2 => [data1, data2])
    .catch(error => console.log(error));
}
fetchFiles()
  .then(data => console.log(data))
  .catch(error => console.log(error));

В этом примере мы создаем функцию fetchFiles, которая возвращает Promise и использует метод then для последовательной загрузки двух файлов. Мы используем Promise chain и передаем в следующий then результат предыдущей операции. В конце Promise chain мы объединяем данные из двух файлов в массив и передаем их в resolve.

В итоге, Promise в JavaScript предоставляет удобный механизм для асинхронного программирования и обработки результатов асинхронных операций. Он позволяет создавать асинхронные функции с легкостью и использовать их в цепочке с другими функциями для обработки данных.