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

Основные состояния Promise

Promise может находиться в одном из трех состояний:

Ожидание (Pending): начальное состояние, не выполнено и не отклонено.

Выполнено (Fulfilled): операция завершена успешно.

Отклонено (Rejected): операция завершена с ошибкой.

Как создать Promise

Синтаксис создания Promise выглядит следующим образом:

let myPromise = new Promise((resolve, reject) => {
    // Асинхронная операция
    const operationSuccessful = true; // Замените это на вашу логику

    if (operationSuccessful) {
        resolve("Успешно выполнено!"); // Значение, с которым мы решаем промис
    } else {
        reject("Ошибка во время выполнения!"); // Причина, по которой мы отклоняем промис
    }
});

Обработка Promise

Для обработки результата выполнения Promise используются методы .then() и .catch().

myPromise
    .then(result => {
        console.log(result); // Вывод: "Успешно выполнено!"
    })
    .catch(error => {
        console.error(error); // Если что-то пошло не так
    });

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

Давайте рассмотрим пример, в котором мы создадим Promise, имитирующий получение данных из API с задержкой.

function fetchData(): Promise<string> {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const dataFetchedSuccessfully = true;

            if (dataFetchedSuccessfully) {
                resolve("Данные успешно получены!");
            } else {
                reject("Не удалось получить данные.");
            }
        }, 2000); // Имитируем задержку в 2 секунды
    });
}

fetchData()
    .then(data => {
        console.log(data); // Вывод данных, если Promise выполнен успешно
    })
    .catch(error => {
        console.error(error); // Обработка ошибки, если Promise отклонен
    });

Использование async/await

TypeScript также поддерживает синтаксис async/await, который позволяет работать с промисами более лаконично:

async function getData() {
    try {
        const data = await fetchData();
        console.log(data); // Вывод: "Данные успешно получены!"
    } catch (error) {
        console.error(error); // Обработка ошибок
    }
}

getData();

Заключение

Promise - это мощный инструмент для работы с асинхронным кодом в TypeScript. Использование Promise в сочетании с async/await позволяет писать чистый и понятный код, который легко поддерживать. Понимание этой концепции является важным шагом в освоении фронтенд-разработки.

Предыдущий вопрос

Что такое тип Omit?

Следующий вопрос

Объясните рекурсивные типы-алиасы?

Содержание: