#13. JavaScript. Как работает Async, Await, чем отличается от Promise (+ 3 асинхронных примера)
HTML-код
- Опубликовано: 7 фев 2022
- Telegram StackDev: t.me/stackdevru
Структура проекта: t.me/stackdevru/39
Урок 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
Те, кто попали на этот канал, - просто везунчики, т.к. сэкономили кучу времени на понимании ) Доносите информацию как для своих детей ))
:) Спасибо!
:))) абсолютно солидарен
Вы - талантливый преподаватель! Всё доходчиво, без воды! Успехов Вам в Вашей деятельности! 😀
Спасибо!
@stackdev утром пытался разобраться в этой теме. Отложил, потому что понял, что в ближайшее время не смогу осилить. А сейчас, вечером, посмотрел ваше видео и понял всё с первого раза! Ваш контент самый идеальный для новичков!!! Спасибо вам большое)))
Спасибо!
То, чего я ждал 👍🏻
Спасибо, Василий!
Считаю ваши видосы одними из лучших в Рунете. 🚀🌠
Спасибо!
Присоединяюсь ко всем восторженным комментам в адрес канала и лично его автора Василия.
Очень приятно слушать. Очень хорошие примеры. Очень прозрачная и ясная подача.
Спасибо большое!
Огромное спасибо за видео, супер-доходчиво! Белых пятен становится меньше)
P.s. идея для следующего видео этого курса - геттеры-сеттры, приватные свойства объекта.
Спасибо!
супер! Ваше объяснение просто шикарное! У Вас талант) а примеры использования вообще как отдельный вид искусства!!!СПАСИБО)
Спасибо большое!
Спасибо вам! Все круто, начал толком разбираться)
вот прям то, что доктор прописал ! дякую, сенсей 🙏👍
Спасибо!
Бесценный материал, большое вам спасибо за то, что делитесь знаниями и так доступно их преподносите!
Спасибо!
Благодарю за доходчивые примеры! 🙂
Спасибо!
У вас очень понятные уроки спасибо большое за уроки
Спасибо!
Спасибо Василий!Успехов твоему классному каналу.
Спасибо!
Благорю Вас, за Ваш труд! Очень хороший контент!)
Спасибо!
Василий , благодарю !
Спасибо автору. Очень познавательно и доходчиво
плейлист посмотрен) спасибо!
Спасибо!
Василий, спасибо за туториал. Посмотрел с телефона, позже повторю с ноута с набором кода. На мой взгляд так лучше уложится в голове. Хотя и к такому методу обучения по роликам с ютуба есть вопросы. Пока не тяну, чтобы написать свой проект
Жирнющий лайк и огромное спасибо.
Спасибо!
Благодарю! Очень хорошо объясняете
Спасибо!
Отличное Видео, хороший туториал, все основы есть
Спасибо!
Хороший контент. Спасибо за видео
Спасибо за поддержку!
Блин чувак ты круто объясняешь, даже до меня дошло!
Спасибо!
рад что нашел тебя)))
Ты объясняешь всё доступным языком. Сразу видно что говорит человек познавший истину)))
Сделай курс по JS и React. Обязательно куплю
Спасибо! работаю над этим:)
@@stackdev будем ждать))
Такое ощущение у меня при просмотре данного видео, что вы много Php занимались. :)
Помню как первый раз попался на асинхронности в JS. )) Спасибо за видео, отлично объяснили!
Спасибо!
Спасибо вам огромное
у меня сегодня на собезе !ТЕХ ЛИД ФРОНТ ЕНД! была задача о sleep
Спасибо!
очень круто получить undefined и не получить исключение (сарказм), использовать это надо полноценно подумав о последствиях.
очень круто
Спасибо!
пора видео делать как сделать Бота для ВК или Телеграм , как раз практика будет
Почему у меня всегда при вызове асинхронной функции выходит промис в ожидании(panding), а не как у автора видео сразу все данные (с примером githubа?)
А почему 24:14, у console.log(), не надо писать await, а у sleep() надо? Почему в console.log(sleep1) не возращается undefind на стадии вызова лога? Это как с alert'ом работает, и если это зависший запрос к серверу, загрузка всего сайта повиснет, или как это работает?
Привет! Спасибо за видео! Объяснение хорошее, только я не понял, говорим про асинхрон а sleep выполняется синхронно. В чём суть примера?
вся суть в том, чтобы сделать так, чтобы асинхронный код работал как синхронный
К сожалению не понял отличие. Функции 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 И все друг за другом
const data = await response.json(); 18 минута, разве метод json() -не синхронно выполнятеся? почему мы должны писать await в этой строке кода?
"Async - await : позволяет писать асинхронный код как обычный синхронный". Просто. Понятно. Без всякой придури типа : "ну это синтаксический саааааахар, епта, че непонятного то.." Примеры просто блеск
React
В чем разница между асинхронно и параллельно?
Опа коммент стерли!
Мы комментарии не стираем!
@@stackdev ютуб значит страноо
@@catsapp Непонятно.... но я никогда не стираю
@@stackdev Ясно. Алгоритмы трудятся
Посмотрел видео,и всеравно не могу разобраться. Async await это синтаксический сахар основанный на promise.then().catch,но не могу отследить в каком конкретно месте реализована эта идея.В методе then,создаётся новый промис и вешается обработчик события на выполнения промиса родителя.После регистрации события изменения состояния промиса на родителе, выполняться обработчик,который запускает метод,который получил then(function).После чего результат выполнения function,он передаёт в метод resolve (functionRezult),что меняет состояние промиса созданного в методе then. И в этом основной смысл цеплчки, что метод then возвращает новый промис,основанный на return функции function,
переданной в then(function) в качестве аргумента.
Что же касается async () = >{ внутренний код}, то он возвращает новый промис.А вот внутренний код,в чем аналогия с цепочкой then,вообще не смогу понять
Буду рад если объясните не так это зделанно на lern js
Спасибо!