Обещания JavaScript декодированы.
Обещания JavaScript — это одна из концепций, которая для многих новичков или новичков в программировании кажется сложной и непонятной. Обещания JavaScript жизненно важны, если вы работаете с внешними данными, включая работу с API.
Итак, в этой статье мы углубимся в объект Promise, и после прочтения этой статьи вы сможете уверенно использовать и реализовывать его. Кроме того, не будет никаких сомнений или путаницы в отношении этой концепции, ни на йоту.
…
Прежде чем мы перейдем к синтаксису промисов, нам нужно знать, какова реальная идея промисов в JavaScript. Обещания в JavaScript ничем не отличаются от обещаний в реальной жизни. Чтобы проиллюстрировать это, представьте, что вы играете в игру со своими друзьями, но вам нужно подождать, пока один из ваших друзей принесет мяч, прежде чем вы сможете начать играть. Вы не хотите просто стоять и ничего не делать, поэтому решаете поиграть во что-нибудь еще, пока ждете, пока ваш друг принесет мяч.
Обещание похоже на сообщение или записку, которую ваш друг отправляет вам, в которой говорится: «Я обещаю принести мяч на детскую площадку, как только смогу». Таким образом, вы можете пойти и поиграть во что-нибудь еще со своими друзьями, вместо того, чтобы просто ждать, пока прибудет мяч.
В конце концов, когда ваш друг приносит мяч на игровую площадку, он выполняет свое обещание. Но иногда все идет не так, как планировалось. Возможно, ваш друг забыл принести мяч, или случилось что-то еще, из-за чего вы по какой-то причине не можете получить доступ к мячу. В таком случае ваш друг может сообщить вам, почему он не смог принести мяч, отправив сообщение: «Извините, но я не смог принести мяч, потому что что-то случилось». Это называется отказом.
Как и в приведенном выше примере, обещание похоже на сообщение, которое говорит вам, что что-то произойдет в будущем, и вы можете делать другие вещи, пока ждете этого. И когда это срабатывает и происходит, вы можете справиться с этим, сделав что-то с результатом. И наоборот, если по какой-то причине после ожидания этого не происходит, вы можете справиться и с этим, выяснив, почему это произошло.
Промис в JavaScript имеет три состояния:
- Ожидание: процесс ожидания данных.
- Выполнено: операция успешно завершена, и данные успешно получены.
- Отклонено: операция завершилась неудачно, и обещание имеет причину сбоя.
Вот простое обещание в JavaScript, основанное на приведенном выше примере:
Если вы посмотрите на код выше, у нас есть методы then() и catch(). Метод then() будет вызываться при выполнении или разрешении thePromise, а метод catch() будет вызываться при игнорировании или отклонении thePromise.
Итак, в этом случае обещание печатает «Мой друг прибыл с мячом!» поскольку утверждение if верно.
Эксклюзивно для читателей моего блога!
Вы всегда в поиске последних советов и рекомендаций по веб-разработке? Не ищите дальше! Подпишитесь на мою еженедельную рассылку, где я делюсь краткими актуальными статьями с советами по веб-разработке и бесплатными инструментами и ресурсами, которые сейчас популярны. Кроме того, я добавлю эксклюзивный контент, которого вы больше нигде не найдете! Подпишитесь сейчас и присоединяйтесь к сообществу веб-разработчиков, которые всегда на шаг впереди.
Продвигайтесь вперед в веб-разработке благодаря нашему еженедельному информационному бюллетеню. Присоединяйтесь сейчас!
В целом, обещания действительно полезны, когда вам нужно сделать что-то, что займет много времени в фоновом режиме, например, загрузить изображения или видео с другого сервера, и вам просто нужно сделать что-то после того, как это будет завершено, а не делать все. ждать его.
В большинстве случаев разработчики используют промисы JavaScript для получения данных с внешнего сервера, а получение данных с внешнего сервера, например API, с помощью промисов JavaScript — это самый безопасный и элегантный способ их использования в нашем коде, чтобы предотвратить любые неудобства в работе. наши приложения.
Вот пример использования обещания для получения данных с внешнего сервера или API:
Я добавил комментарии к коду, чтобы сделать его более понятным для вас, хотя для полного понимания этого кода необходимы дополнительные подробности.
В этом новом коде, где мы запрашиваем данные с внешнего сервера, у нас есть новый метод с именем fetch(). Этот метод принимает обязательный аргумент, который должен быть URL-адресом внешнего сервера, с которого вы собираетесь получать данные. По сути, он отправляет запрос на внешний сервер для получения данных, используя предоставленный URL-адрес. Теперь у внешнего сервера есть два варианта вернуть нам ответ: либо данные, либо ошибку.
Мы получаем данные, когда с нашим кодом все в порядке, и, наоборот, при запросе мы получаем ошибку, когда что-то не так с нашим кодом или запросом.
Это было все о обещаниях JavaScript, я надеюсь, вы узнали эту удивительную концепцию JavaScript. Обязательно попрактикуйтесь в этом на себе, чтобы привыкнуть к этому и никогда больше не забывать об этом.
Для практики вы можете искать некоторые API и получать данные из этого API, используя промисы JavaScript и методы fetch().
Если вы не можете найти API, вы можете использовать эти API для своих проектов или практики:
Не забудьте также поделиться этой статьей с другими. 💛
Не забудьте подписаться на мою рассылку (эксклюзивную рассылку только для читателей моего блога): 👇
— Вы также можете следить за мной в Twitter, где я буду делиться короткими и невероятными вещами, так что не пропустите их. 🚀
