ES6 #12. JavaScript Promise. Что это и как работает (+ запросы данных из Coffee API, Beer API и др.)
Vložit
- čas přidán 22. 01. 2021
- Мой Telegram: t.me/stackdevru
В этом видео мы разберемся, что такое объекты promise (промисы), которые появились в редакции Javascript ES6. Посмотрим, как они работают и для чего используются.
Обещания (promises) в JavaScript - это новый инструмент для работы с отложенными или асинхронными вычислениями, добавленный в ECMAScript 2015 (6-я версия ECMA-262).
До появления «обещаний» асинхронные задачи можно было решать с помощью функций обратного вызова (т.н. callback функции), которые имели более сложный и неудобный синтаксис.
Плейлист курса ES6: • ES6 - Все Новые Фичи в...
Мы будем запрашивать и обрабатывать различные данные из настоящих API:
1) Countries API - данные о странах
2) Coffee API - виды кофе + ингредиенты
3) Wines API - виды вина + информация
4) Beers API - виды пива + информация
Мои Курсы:
Gatsby JS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog
Посмотрел несколько видео про Promise, но ваши примеры просто нереально крутые, - сразу всё понятно, реальная практика с очень понятными данными. Огромное спасибо!
Спасибо за поддержку!
❤
Мне очень нравится канал, реальный разраб без понтов обьясняет
Спасибо!
Какой замечательный контент! На реальных примерах без воды объясняете материал!
Очень помогает изучить более детально и закрепить материал! Благодарю Вас! Успехов Вам в Вашей полезной и благородной деятельности! 😀
Спасибо!
Спасибо за видео. Отличные примеры! Наконец-то я понял как использовать Promise!
Спасибо за контент, хорошая подача материала особенно примеры! также понравилось что вы приводите старый синтаксис, ждем от вас так же рассказ об итераторах, генераторах и многом другом
Спасибо! будем работать:)
Отличная работа, наконец нашел видео с примерами работы с API и получения из них данных
Большое спасибо!
Очень доходчивые видео, спасибо за ваш труд!)
Спасибо!
Лучший!
Очень круто.Спасибо.Успехов каналу и продвижения.
Отличное видео, и что очень ценно, что с реальными практическими примерами!
Очень понятно объясняете, спасибо!
Спасибо!
Интересные примеры. Спасибо
Отличный урок! Спасибо!
Я наконец-то начинаю понимать промисы, и в большинстве благодаря тебе, спасибо огромное и успехов тебе!
Спасибо!
Спасибо, как всегда замечательная и простая для понимания подача материала! Спасибо и удачи тебе)
Спасибо за поддержку!
Отличная подача! Как для меня новичка - идеально все показано! + примеры с доступный пониманием! Посмотрель 3и лекции по промисам - Ваша лучшая! Спасибо!
Спасибо!
Хорош бродяга! Четко по делу и ясно , без соплей от Минина.
Спасибо!
Отличные видео, очень доходчиво и понятно все объясняется, всем рекомендую
Спасибо большое!
Вот сидишь смотришь на говно с миллионом просмотров, где говорят: давайте представим что получаем данные с сервера! И пихают в промис переменные, таймауты и ни одного рабочего примера!!! И тут ютуб подбирает видео где мало просмотров но так все по настоящему и понятно! Василий спасибо! Отличные примеры. Ведь для проектов именно работа с API а не с таймаутами или 1+1)))
Спасибо!
согласен, автору плюс
классное объяснение по асинхру Promise спасибо огромное.. ))
Спасибо!
Спасибо. Всё очень доходчиво.
Спасибо!
замечательная подача материала! автору жму руку
Спасибо!
Спасибо Вам большое, вы просто лучший! Пожалуйста продолжайте )))
Спасибо!
и что, вам сразу стало понятно что внутрь конструктора промиса передается функция, которая получает два коллбэка(резолв и режект)??)))
Отлично умеете обьяснять!
Спасибо!
Спасибо огромное. Очень полезно!!!
Спасибо!
Контент 🔥 спасибо большое!!
Спасибо за отзыв!
очень не плохо, достаточно полезный материал, спасибо
Спасибо!
очень круто объяснено!
Спасибо!
Я просто в восторге от его уроков.Молодец ВАСИЛИЙ
Спасибо!
@@stackdev Василий подскажите позжалуйста,как найти работу?Например вот я с другом изучаем с сентября месяца html,css и javascript в процесе.(вот вы меня и обучаете :). )Так или иначе разбераемся,есть собственные вёрстки сайтов,без переписи с интернета.Как вы думаете,есть кое какие мелкие проекты ,чем бы и мы могли подработать???как найти?
@@stackdev Благодарю вас за понимание
Честно говоря,в этот данный момент я смотрю ваши ролики :) 😀 Вы гений.
@@vaspurakavdalian1133 Мелкие подработки это грустно с точки зрения денег и нестабильно.
Изучать нужно основательно те вещи, которые используются в корпоративном секторе + желательно во всем мире....
Тогда проблем с работой и деньгами не будет)
Нифига се, вот это круто )
From my point of view he is one of the best russian speaking js's coach
Thanx a lot)
комментарий для пподдежки и продвижения ролика
Спасибо!
Очень полезный урок. Апишка еще не раз пригодится.
Спасибо!
Спасибо, за урок. Грыз эту тему на MDN было очень тяжко. Я только не совсем понял, как мы в getCoffee меняли coffee на coffee. Мы возвращаем объект в который при помощи spread копируем содержимое объекта нужного члена семьи, и тут же через запятую можно менять свойство?
Привет! Посмотри мои видео про Spread & Rest
Ну наконецто!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Понял !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Лайк
Подскажите почему response.ok если загружать локально заведомо несуществующий файл?
async function fetchSvgData() {
const res = await fetch('icon.svg')
console.log(res.ok) // true, когда icon.svg не существует
}
Жалко, нельзя два лайка поставить:(
спасибо за видео! подскажете, пожалуйста, какая это тема vs code?
Спасибо! Dracula
Классное обьяснение, классные примеры, но son выкинет ошибку
почему промисы это так тяжело для простых людей :( уже 10 видео посмотрела почитала мдн и все равно непонятно как их использовать и что это такое
Нужно прочитать 1 раз - и 20 раз сделать. И тогда понимание начнет приходить:)
@@stackdev вы правы) просто понимания, что писать нет совсем, расстраиваюсь, что мой мозг не способен осознать промис
Потому что промис -- это черный ящик, у него нет аналогий. Мы не знаем что происходит под капотом. Нужно выучить как с ним работать на примерах
А я не понимаю зачем нужен resolve() и его собрат reject()... для чего намеренно завершать промис успешно или неуспешно, если от нас это не зависит... Василий, пожалуйста снимите ролик про этих двух помощников промисов... я просто теряюсь в догадках!
05:40 .then(countries=>countries) Что за конструкция такая? У меня не работает.
Работает только .then(countries => {console.log(countries)})
очень хорошая подача материала, не хуже , чем у человечка , названного в честь Ленина :)
Спасибо!
такая же фигня что и у леновлада. не объясняются такие подкапотные дела как, например, при вызове функции getMember, вызывается коструктор промиса? при его возврате или еще как то? как внутри промиса вызываются пустые ссылки на reject, resolve или они автоматом чем то заполняются? автор или сам не знает этих вещей или не договаривает. может это есть на его платных уроках, надеюсь?)))
@@GreekkAlex каких авторов по JS посоветуешь?
йоу крут чувак
Спасибо за коммент!
Спасибо, но мало ((
не работает sampleapis больше.. не показывает ссылки, открывается только фронтальная страница и все((
Странно... у меня работает
Мне кажется,что я никогда не смогу сам такое написать( так все сложно
получается внутрь конструктора промиса мы получаем функцию, которая, в свою очередь, получает два коллбэка???!!! это момент надо ж уточнять!!
а как будут платные уроки, и такие важные мелочи не будут учтены??!!! facepalm!!
Я тоже долго думал что такое промис, я понял, что его надо просто простить и принять как данность, таким какой он есть.
нихера не понятно: resolve, reject - это функции передаваемые в промис? какая из стрелочных функций в создаваемом промисе будет вызываться в качестве resolva, а какая в качестве rejecta. нагромождение стрелочных функций просто ради сокращения строчек кода!! а как же читаемость??!!
ушли от callback hell-а, пришли к arrow functions hell-у!!!((((
Согласен хорошая подача материала, но если автор не знает чтото, то он тупо об этом помалкивает и идет дальше (в предыдущем ролике было >> и >>> а что это ХЗ товарищ майор, как говориться) ... вот 07:30 вроде new нельзя использовать со стрелочными функциями? или это с другой спецификации №6.
Если вообщем, то нельзя было полнее дать применение?... все в кконсол ло в консол лог... а что дальше с ним делать???? все 12 уроков в консол лог...
есть пословица" взялся за гуж не говори что не дюж" ... надо дело до ума доводить.
представьте такой же урок-курс по электрике... и автор говорит... сегодня у нас домашняя разводка...ну вот 2 провода вышли мы их омметром прозвонили... напругу подали - индикатором протестировали, вот пробник фазу показывает, все вопрос закрыт... в следующем уроке делаем гараж. И что с этими проводами делать???
Жаль мало понимаю, взял курс на инглиш... так там от корки до корки... от А до Я... но не амриканский, а британец... половина пролетает.
Простите, конечно, но это вообще не урок по программированию, а поверхностный обзор на 5 мин и далее куча всякого кода с примерами, которые и так можно найти. Кликбейт короче. С таким подходом никакой концепт понять нельзя, тем более такой сложный как промисы.
Дааа ну и наглость...