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