пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ
Слишком длинный поисковый запрос.
По вашему запросу ничего не найдено :(
Убедитесь, что запрос написан правильно, или посмотрите другие
наши статьи:
Промис в JavaScript — это заменитель (прокси) для значения текущей операции. Обычно мы используем промис для управления ситуациями, когда необходимо дождаться результата операции. Например, при загрузке файлов на сервер и ожидании ответа от API, или просто при запросе у пользователя выбора файла с их компьютера.
В этой статье вы узнаете о промисах в JavaScript, создавая реальное приложение, похожее на приведенное ниже:
Что такое промис?
Промис — это просто функция, она возвращает объект, к которому можно прикрепить обратные вызовы.
Обратные вызовы, прикрепленные к объекту промиса, будут вызываться только после завершения операции. Обратные вызовы будут ожидать, пока операция не будет выполнена или отклонена.
fetch(`some_api_url`).then((response) => {
// Everything here will wait the fetch operation to complete
});
Прежде чем промис окончательно решится (то есть либо выполнится, либо будет отклонен), он должен пройти через разные состояния:
Состояние
Описание
Обратный вызов
Ожидание
Операция все еще выполняется, и промис находится в ожидании
-
Выполнен
Операция завершена успешно
.then()
Отклонен
Операция завершена с ошибкой
.catch()
Завершен
Промис либо разрешен, либо отклонен, в любом случае вызывается этот обратный вызов
.finally()
Когда создается промис, начальное состояние — ожидание. Затем, в зависимости от результата операции, промис либо выполняется, либо отклоняется.
Из таблицы выше можно легко увидеть обратный вызов, который будет вызван в зависимости от состояния промиса:
fetch(`some_api_url`).then((response) => {
// This will get called when the promise fulfills
}).catch((error) => {
// This will get called when the promise is rejected
}).finally(() => {
// This will get called all the time
})
Как использовать промисы в JavaScript
Теперь, когда вы узнали, что такое промис, давайте покажем, как вы можете использовать промисы в JavaScript, создав приложение для поиска фильмов, которое мы видели ранее.
Базовое приложение для поиска фильмов должно иметь поле ввода, где пользователи могут искать свои любимые фильмы. Также должно быть пользовательский интерфейс для отображения базовой информации о найденном фильме.
Давайте начнем с создания HTML.
Как написать HTML
Для целей этого руководства и чтобы показать живые примеры, я буду использовать Codepen, но вы можете использовать ваш любимый редактор кода.
Создайте файл index.html и добавьте следующий код:
Movie
