#13. JavaScript. Как работает Async, Await, чем отличается от Promise (+ 3 асинхронных примера)

Telegram StackDev: t.me/stackdevru
Структура проекта: t.me/stackdevr...
Урок 13. Javascript. В этом видео мы разберемся как использовать Async Await и обрабатывать возможные ошибки.
Для этого мы рассмотрим 3 примера.
Мы будем использовать метод fetch (для получения данных из внешнего API), метод getUserMedia (для взаимодействия с видео камерой), а также напишем 1 собственный метод (будет также возвращать промис).
Мои Курсы:
React + GatsbyJS: gatsbyjs.ru
React для начинающих: react001.ru
​Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog

[@gritsienkooleg3447]

Те, кто попали на этот канал, - просто везунчики, т.к. сэкономили кучу времени на понимании ) Доносите информацию как для своих детей ))

[@stackdev]

:) Спасибо!

[@Albert_Hall]

:))) абсолютно солидарен

[@galichandreyschool]

Вы - талантливый преподаватель! Всё доходчиво, без воды! Успехов Вам в Вашей деятельности! 😀

[@stackdev]

Спасибо!

[@tomcherrr]

@stackdev утром пытался разобраться в этой теме. Отложил, потому что понял, что в ближайшее время не смогу осилить. А сейчас, вечером, посмотрел ваше видео и понял всё с первого раза! Ваш контент самый идеальный для новичков!!! Спасибо вам большое)))

[@stackdev]

Спасибо!

[@Albert_Hall]

Присоединяюсь ко всем восторженным комментам в адрес канала и лично его автора Василия. Очень приятно слушать. Очень хорошие примеры. Очень прозрачная и ясная подача.

[@stackdev]

Спасибо большое!

[@Albert_Hall]

Считаю ваши видосы одними из лучших в Рунете. 🚀🌠

[@stackdev]

Спасибо!

[@ArcMichael-x7v]

Такое удовольствие от просмотра получил.... Все так доступно! Огромное Вам спасибо)

[@magbear3205]

рад что нашел тебя))) Ты объясняешь всё доступным языком. Сразу видно что говорит человек познавший истину))) Сделай курс по JS и React. Обязательно куплю

[@stackdev]

Спасибо! работаю над этим:)

[@magbear3205]

@@stackdev будем ждать))

[@ИринаТоболич-х6н]

супер! Ваше объяснение просто шикарное! У Вас талант) а примеры использования вообще как отдельный вид искусства!!!СПАСИБО)

[@stackdev]

Спасибо большое!

[@timesyru]

Бесценный материал, большое вам спасибо за то, что делитесь знаниями и так доступно их преподносите!

[@stackdev]

Спасибо!

[@vladimirpuzey713]

Огромное спасибо за видео, супер-доходчиво! Белых пятен становится меньше) P.s. идея для следующего видео этого курса - геттеры-сеттры, приватные свойства объекта.

[@stackdev]

Спасибо!

[@bjol_Dg]

вот прям то, что доктор прописал ! дякую, сенсей 🙏👍

[@stackdev]

Спасибо!

[@romanvinogradovby]

Василий, спасибо за туториал. Посмотрел с телефона, позже повторю с ноута с набором кода. На мой взгляд так лучше уложится в голове. Хотя и к такому методу обучения по роликам с ютуба есть вопросы. Пока не тяну, чтобы написать свой проект

[@Burbon211]

Блин чувак ты круто объясняешь, даже до меня дошло!

[@stackdev]

Спасибо!

[@sergdonskikh2140]

Василий , благодарю !

[@karoche-tv]

У вас очень понятные уроки спасибо большое за уроки

[@stackdev]

Спасибо!

[@aaaaaa-bl2it]

Жирнющий лайк и огромное спасибо.

[@stackdev]

Спасибо!

[@ekuzovlev]

Помню как первый раз попался на асинхронности в JS. )) Спасибо за видео, отлично объяснили!

[@stackdev]

Спасибо!

[@СтаниславГорячев-г1ъ]

Спасибо вам огромное

[@sergkuznetzov3469]

Спасибо Василий!Успехов твоему классному каналу.

[@stackdev]

Спасибо!

[@imdanteasy]

Благодарю! Очень хорошо объясняете

[@stackdev]

Спасибо!

[@Кибер-Жириновский]

плейлист посмотрен) спасибо!

[@stackdev]

Спасибо!

[@katerinatereshchenko]

Благодарю за доходчивые примеры! 🙂

[@stackdev]

Спасибо!

[@zmark2274]

Спасибо автору. Очень познавательно и доходчиво

[@maximtantsura7249]

То, чего я ждал 👍🏻 Спасибо, Василий!

[@dr_morpho]

Спасибо вам! Все круто, начал толком разбираться)

[@a.6lockprod.901]

Благорю Вас, за Ваш труд! Очень хороший контент!)

[@stackdev]

Спасибо!

[@vitalijslavrinovics8756]

Такое ощущение у меня при просмотре данного видео, что вы много Php занимались. :)

[@vitalyD4256]

Дякую за відео.

[@NailIsmailov]

Хороший контент. Спасибо за видео

[@stackdev]

Спасибо за поддержку!

[@DmytroHoncharenko-p8w]

у меня сегодня на собезе !ТЕХ ЛИД ФРОНТ ЕНД! была задача о sleep

[@sleepstream9433]

очень круто получить undefined и не получить исключение (сарказм), использовать это надо полноценно подумав о последствиях.

[@ИгорьМальцев-к7и]

Спасибо!

[@velikorossnationalist4259]

Почему у меня всегда при вызове асинхронной функции выходит промис в ожидании(panding), а не как у автора видео сразу все данные (с примером githubа?)

[@martDKNY]

А почему 24:14, у console.log(), не надо писать await, а у sleep() надо? Почему в console.log(sleep1) не возращается undefind на стадии вызова лога? Это как с alert'ом работает, и если это зависший запрос к серверу, загрузка всего сайта повиснет, или как это работает?

[@denystry]

очень круто

[@stackdev]

Спасибо!

[@alexandrpushkin389]

Привет! Спасибо за видео! Объяснение хорошее, только я не понял, говорим про асинхрон а sleep выполняется синхронно. В чём суть примера?

[@dilshadmatkulov3318]

вся суть в том, чтобы сделать так, чтобы асинхронный код работал как синхронный

[@Zhenkaaf]

const data = await response.json(); 18 минута, разве метод json() -не синхронно выполнятеся? почему мы должны писать await в этой строке кода?

[@АлександрЕрмолов-п2ь]

какая тема используется у автора ?

[@SteamStyle_HandmadeJewelry]

пора видео делать как сделать Бота для ВК или Телеграм , как раз практика будет

[@magbear3205]

В чем разница между асинхронно и параллельно?

[@pupizoid100]

К сожалению не понял отличие. Функции sleep. При выполнение без async await. Просто например у меня разное время .then((response) => { console.log(response); return sleep(1000); }) .then((res) => { console.log(res); return sleep(5000); }) .then((res) => { console.log(res); return sleep(2000); }) .then((res) => { console.log(res); }) Но функция выполнилась последовательно сначала 1000 потом 5000 и 2000. Тоже самое сделала async await. Тоже ждала и последовательно выводила 4500, 3000, 2000, 6000 И все друг за другом

[@brutix80]

"Async - await : позволяет писать асинхронный код как обычный синхронный". Просто. Понятно. Без всякой придури типа : "ну это синтаксический саааааахар, епта, че непонятного то.." Примеры просто блеск

[@IgorNovakus]

Посмотрел видео,и всеравно не могу разобраться. Async await это синтаксический сахар основанный на promise.then().catch,но не могу отследить в каком конкретно месте реализована эта идея.В методе then,создаётся новый промис и вешается обработчик события на выполнения промиса родителя.После регистрации события изменения состояния промиса на родителе, выполняться обработчик,который запускает метод,который получил then(function).После чего результат выполнения function,он передаёт в метод resolve (functionRezult),что меняет состояние промиса созданного в методе then. И в этом основной смысл цеплчки, что метод then возвращает новый промис,основанный на return функции function, переданной в then(function) в качестве аргумента. Что же касается async () = >{ внутренний код}, то он возвращает новый промис.А вот внутренний код,в чем аналогия с цепочкой then,вообще не смогу понять

[@IgorNovakus]

Буду рад если объясните не так это зделанно на lern js

[@DerAleksey]

комбинированно

[@AmericanDragon134]

React

[@kinomir20]

Спасибо!