Просто o async, await. Без циклов и таймеров. JavaScript

Курс JS 2.0: itgid.info/course/javascript-2
Курс HTML для JS разработчиков: itgid.info/course/html
Остальные курсы: itgid.info/
Телеграмм канал: t.me/itgid_info
GIT: github.com/itgidinfo/async_aw...
Изучаем асинхронность с async, await на реальных примерах в JavaScript

[@ildarjakparov4887]

4:16 - порядок такой не потому что запрос к серверу дольше, а потому что fetch возвращает промис, а промисы исполняются после основного стека вызова, так как сидят в microtask queue.

[@ivomeadows]

топовый коммент. об этом надо было рассказать

[@faizulla5838]

те если делать async/await без fetch то порядок будет любой? Спасибо

[@ivomeadows]

@@faizulla5838 функция async всегда возвращает промис

[@user-pp8lw8cx4w]

Интересно, а где в данном случае основной стек вызова?

[@oleksandrs7407]

Крайне важный коммент, в топ.

[@user-sr7fm9qd8y]

Долгих лет здоровой жизни вам!) Всегда радуйте нас вашим понятным контентом!

[@AnonAristotel]

Хммм... - А давайте чтобы у нас код не был последовательным придумаем асинхронные вызовы. - Ой, а у нас же нарушается последовательность выполнения кода и он становится асинхронным. - А давайте мы придумаем ожидание выполнения асинхронного кода, чтобы выполнение его было последовательным и ожидаемым.

[@dimape.4180]

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

[@AnonAristotel]

@@dimape.4180 Нет, давайте делать это, покуда будем ожидать (await) выполнение асинхронных вызовов.

[@dimape.4180]

Нет давайте поделаем что-нибудь другое, это же асинхронный вопрос.

[@AnonAristotel]

@@dimape.4180 В том то и дело, что с await это выглядит как обычный синхронный код. Это не go рутины и не фоновые задания 1С. Кстати почти те же йайтса в 1С, только там сначала реализовали через широковещание - ОбработкаОповещения, а потом через Acync (Асинх) Await (Ждать). И в такой конструкции результат выглядит как обычный синхронный код. Только выполняется раз в 10 медленнее. А знаете почему? Потому что 1С тоже имеет (какое слово то гадкое) web клиент. И проблема в том, что браузер ругается на синхронные вызовы и не даёт их выполнять. То есть средство просмотра (браузер) де-факто устанавливает правила для языков программирования и фреймворков.

[@dimape.4180]

Если их придумали значит в них была потребность для опред. ситуаций.

[@pavel7930]

Это гениально! Большое спасибо ! Самое понятное объяснение которое видел когда либо!

[@user-wi8wp5en2i]

Кучу видео посмотрела и пришла к итого, что ваши видео самые доступные, а также результативные! Огромное вам спасибо!

[@serhiizuiev]

🙃👍 вот теперь стало понятно. Спасибо, ваши уроки топ для понимания!

[@grach1993]

Было понятно, но всё-равно в уме витали какие-то сомнения. Благодаря такой подаче они полностью развеялись. Спасибо

[@evgeniy3224]

У вас всегда уроки понятно о сложном. Большое спасибо, было очень полезно. Размял свои мозги!))

[@user-zm3ro2wx7t]

Шикарно, как раз на главе по асинхронности в Eloquent JavaScript и понимаю, что это видео хорошенько мне поможет) Спасибо

[@user-gj4uq5fv1u]

Лучшее объяснение асинхронности, огромное вам спасибо!

[@user-yp9kw1dm4v]

Вы отличный учитель!Спасибо Вам большое!

[@yuriyovdeyev685]

Толково! Спасибо за пример, очень наглядно и понятно.

[@olexanderChorny]

Через какие мучения пришлось пройти, что бы это понять! У вас максимально доступно, большое, человеческое спасибо)

[@user-th4qi8iv3q]

да хватит это легко

[@user-el2uq6bh8z]

Спасибо огромное, у Вас очень хороший подход и объяснение технологии. Успехов!

[@OlyaPoy]

Огромное спасибо. Благодаря вашему обьяснениям смогла ответить на вопросы на собеседовани и меня взяли на стажировку!

[@braingriffin946]

Как дела спустя год?

[@anti_middle_ages]

@@braingriffin946 Видимо, плохо

[@user-rg4oj3fl1t]

да как у вас дела?

[@avs1978]

Посмотрела видос, взяли на работу, за это время никто не оставлял комментарии под видео и она написала первый комментарий. Автор, самому не смешно?

[@user-rg4oj3fl1t]

​@@avs1978в чем прикол?

[@adinaijamangulova2596]

один из лучших каналов по веб-разработке! ВСе понятно и ясно!

[@alexfargo6336]

Большое спасибо, Сань, твоё видео помогло мне выйти из ступора и решить мою проблему)

[@sergeyplotnikov5031]

Спасибо за такое простое и понятное объяснение

[@HEjENtalk]

Очень хорошее обьяснение для новичков! доступно! благодарю!

[@aleksey220280]

Очень доступная подача. Спасибо!

[@mediavova407]

Огромное спасибо!!! Всё доходчиво на 150%, закрыли мои многие вопросы

[@Olegio_Y]

Спасибо что делаете упор на простоту обьяснения

[@user-pk2tf6ip9d]

Действительно полезное видео, объясняющее работу асинхронных функций

[@user-sm4zy7uc1m]

Самый лучший канал по JavaScript, постараюсь и платный ваш курс пройти!

[@andreybalatsan9336]

Спасибо огромное, посмотрел уже 3 видео и на вашем все встало на свои места

[@user-xy1fp7sy8m]

Спасибо за объяснение, единственный кто легко донес смысл async await)))

[@user-ve2yl5gy3v]

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

[@annajegorova6120]

Спасибо за видео, простой и понятный пример!

[@tazorprod.934]

Очень доступно объяснили такую сложную тему, спасибо

[@venzeldv]

Лучшее описание, что мне встретилось.

[@user-gk3ke7dx2x]

Наконец то, классно обьяснил ! , уникально, супер, понятно !

[@user-ug1zv4tf1m]

Спасибо , очень полезно!! понятно все очень!! теперь не много перепишу свой телеграмм-бот.

[@user-gi2ud6od8o]

Всё понятно, хорошо объясняете, супер!

[@user-lilya]

Спасибо, очень полезное видео! наконец-то поняла тему.

[@Kras99free]

Лучшее объяснение асинхронности из всего что есть на русскоязычных ресурсах!

[@niteilcaesgo2907]

Большое спасибо за видео! очень понятное объяснение!

[@kenanhaciyev3759]

это лучшее объяснение async await что может быть вообще!!!!!!

[@DmytroZaika-hn7wx]

Спасибо большое, это четвертое видео которое я смотрю на эту тему и только сейчас стало понятно

[@maksymkyryliuk492]

Good work. Awesome explanation!👍

[@katemos4584]

Александр Лущенко лучший блогер, коучер и программист. Спасибо огромное!!!!!!!!!!!!!!

[@anatolyivanov1244]

Благодарю, очень хорошо объяснил👍

[@yaroslavzef7267]

Круто. Не знал за такую тему! Спасибо

[@omnomnom1323]

ну наконец-то!!!! хоть где-то реальный кейс с запросом на сервак без этих сеттаймаутов! Спасибо)

[@user-yz6vu2hs4l]

Спасибо) Очень подробно объяснили)

[@dilmurodshernodirov5984]

Спасибо за видос ждём по больше ещё

[@RinatWOT]

Спасибо большое! Очень круто объяснил

[@user-fj1ct1fo6b]

лучшее видео эвер, спасибо большое!!!

[@ragimabagirova6228]

Спасибо большое за отличное обьяснение)

[@_l.e.n.y_4956]

Ви найкращий вчитель IT

[@valentyn996]

Отличное объяснение, спасибо за старания!

[@Lunar66]

не ожидал вас тут увидеть:)

[@valentyn996]

@@Lunar66 😎😎

[@andrzeyshliaha5302]

Здорово, все по делу без воды, спасибо

[@andrzeyshliaha5302]

Правильно я понял, если например потом с данными нужно делать определенную логику а не просто текст, например в функции f3 то мы там просто ее и пишем ?

[@MrBioneto]

Офигенно объяснили!!! Спасибо!

[@sekirogenshiro2210]

Спасибо! Наконец то все понятно стало!

[@user-go5tp4rd6w]

Спасибо, очень доступно.

[@gom-jabbar]

Благодарю

[@sedovolosyi]

Суть понятна, спасибо. Функция go имеет лишний async, ну это мелочи

[@user-dp2qu8zv6d]

и человек и видео прекрасны спасибо большое

[@bunnybugs6623]

Все супер, но Все же нужно пересмотреть, очень интерестно работа над ошибками

[@user-pi2pg3nl3n]

Спасибо, только после этого видео наконец понял что это такое!)

[@user-mu9gf6kf8t]

С меня подписка! Вот так нужно объяснять чайникам))

[@GTar1998]

Все просто и понятно. Спасибо

[@user-xh9iz3uw6j]

Спасибо, помог разобрасять с промисами и эсин эвей.

[@user-nn6mb9tv1b]

мегачеткий видосик - впрочем как обычно

[@user-ow1qy6er6i]

Это очень грамотно разжевано. После 5 -6 видосов на эту тему, этот самый лаконичный и понятный.

[@Synchro13]

Огромное спасибо! просто и понятно

[@aleks6607]

Спасибо)) очень помог ваш видос))

[@alla6361]

Спасибо! Стало понятнее!

[@dreadwood]

Доступное и понятное объяснение, спасибо. Интересно посмотреть код сервера. Может есть пример где-нибудь на github?

[@asgard1428]

Все равно до конца не понял. Но это лучшее объяснение что я видел. Спасибо!

[@user-cd1sr5sx2r]

Хороший пример, спасибо. Еще можно разобрать на вашем примере обработку ошибок при асинхронных запросах. На простых примерах, как правило это упускают, а на продакшен без этого никак.

[@sega21rus98]

просто в async функции используешь try-catch и все

[@Vetala007]

спасибо, стало гораздо понятнее)))

[@knuckless__]

дуже доступно та легко дякую)

[@GGSoft2009]

Ну это и лекция. Спасибо больщое

[@georgepetrosyan4589]

Александр,как всегда респект. Наконец-то, кто-то понятно и на пальцах объяснил асинк-эвеит. А с помощью промисов, такого же результата можно добиться, посмотрев вашу лекцию про промисы?

[@user-nz9kq8el7t]

Очень благодарен. Лущенко the best ))))

[@RomanKaras77]

Александр, всегда с удовольствием смотрю ваши видео, хоть вроде и не новичок ). Не примите за занудство, но попробуйте писать в vscod-e не console.log(), а просто log и клавиша Tab. И перемещать строки или выделенные фрагменты кода, когда вы меняли, например местами функции f1() и f2(), можно Ctrl + Shift + стрелки вверх/вниз )), а не копипастом. С уважением. Спасибо за ваш труд, жму руку. )

[@untiweuntiwe7415]

Про log + tab тоже не знал. Только log + enter. Спасибо)

[@RomanKaras77]

@@untiweuntiwe7415 я кстати, далеко не сразу в работе с вс-кодом узнал про передвижение строк и очень был обрадован этой фичей )

[@user-wn5nc6oo9o]

Александр не лучше ли для эмуляции сервера использовать jsonplaceholder ? мне кажется будет нагляднее и интереснее

[@mike-aaa]

Ради этого урока я написал свой сервер! 😎

[@tihunvolkov9288]

Наконец-то, без таймеров, на нормальном реальном примере, ободряю.

[@valerakuznetsov]

спасибо громадное Вы один кто так доходчиво рассказал

[@alexforos5425]

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

[@mikhailurban1222]

как всегда супер!

[@iteasy4005]

Объяснение, которое мне зашло: Допустим есть функция A, она вызывает функцию B, а эта вызывает C (A->B->C). Если C для возврата результата вынуждена ждать чего-то, например результата запроса на сервер, а функция B зависит от результата C, она тоже становится асинхронной. Соответственно, если А зависит от В, она тоже вынуждена быть асинхронной. Указатель async нужен, чтобы все, кто используют функцию, понимали, что где-то там в глубине придется подождать как минимум 1 раз если тебе нужен результат.

[@itgid]

Спасибо. Тоже хорошее объяснение!!!

[@davdev05]

Крутое объяснение, лайк

[@araslanrus]

Наконец то без циклов и таймаутов

[@SamSiMmP]

Спасибо Вам

[@II-is4ft]

Огромное спасибо

[@ops_rv]

Дякую, як завжди просто і доступно 👍

[@zmark2274]

Спасибо!

[@NeoJohnSmit]

Класс, спасибо)

[@a89028724007]

спасибо, теперь понял

[@Vasilii_Shtyrov]

Супер!

[@user-gk3ke7dx2x]

Бомба 💣!

[@sergeyilyin756]

Это определено одно из лучших объяснений, а самое главное без таймаутов и интервалов со стрелочной функцией, который только запутают новичка. Спасибо, подписываюсь!

[@digitalturkistan1857]

Такие подачи для того что бы показать какой он крутой программист типа владилена

[@gordonfram]

@@digitalturkistan1857 нет. Данный автор никак не хвастается и не "намекает" на то, какой он классный программист

[@vitaliidrapaliuk5652]

Thank you!

[@user-ge2qk4cm1j]

отличный пример

[@Node2020]

отлично!

[@user-up9zq1nw4n]

Спасибо!)

[@extreme_pw]

Будет ли правильно написать fetch запрос после await внутри функции go, чтобы не плодить избыточные функции (f1,f2,f3) ?

[@shar-it]

Спасибо

[@hrantharuthiunian1011]

Спасибо!!