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

Поделиться
HTML-код
  • Опубликовано: 29 янв 2021
  • Курс 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

Комментарии • 223

  • @ildarjakparov4887
    @ildarjakparov4887 2 года назад +85

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

    • @ivomeadows
      @ivomeadows 2 года назад +5

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

    • @faizulla5838
      @faizulla5838 2 года назад

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

    • @ivomeadows
      @ivomeadows 2 года назад +1

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

    • @user-pp8lw8cx4w
      @user-pp8lw8cx4w 2 года назад

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

    • @oleksandrs7407
      @oleksandrs7407 2 года назад

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

  • @AnonAristotel
    @AnonAristotel 3 года назад +62

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

    • @dimape.4180
      @dimape.4180 3 года назад +6

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

    • @AnonAristotel
      @AnonAristotel 3 года назад +3

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

    • @dimape.4180
      @dimape.4180 3 года назад +1

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

    • @AnonAristotel
      @AnonAristotel 3 года назад +1

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

    • @dimape.4180
      @dimape.4180 3 года назад +1

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

  • @user-sr7fm9qd8y
    @user-sr7fm9qd8y 3 года назад +72

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

  • @pavel7930
    @pavel7930 3 года назад +35

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

  • @olexanderChorny
    @olexanderChorny 3 года назад +20

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

  • @serhiizuiev
    @serhiizuiev 3 года назад +24

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

  • @grach1993
    @grach1993 3 года назад +10

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

  • @user-wi8wp5en2i
    @user-wi8wp5en2i 2 года назад

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

  • @evgeniy3224
    @evgeniy3224 3 года назад +5

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

  • @DmytroZaika-hn7wx
    @DmytroZaika-hn7wx Месяц назад

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

  • @OlyaPoy
    @OlyaPoy 2 года назад +25

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

    • @braingriffin946
      @braingriffin946 Год назад

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

    • @anti_middle_ages
      @anti_middle_ages 7 месяцев назад

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

    • @user-rg4oj3fl1t
      @user-rg4oj3fl1t 2 месяца назад

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

    • @avs1978
      @avs1978 2 месяца назад

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

    • @user-rg4oj3fl1t
      @user-rg4oj3fl1t 2 месяца назад

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

  • @yuriyovdeyev685
    @yuriyovdeyev685 3 года назад +1

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

  • @user-zm3ro2wx7t
    @user-zm3ro2wx7t 3 года назад

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

  • @user-gj4uq5fv1u
    @user-gj4uq5fv1u 2 года назад

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

  • @user-yp9kw1dm4v
    @user-yp9kw1dm4v Год назад +1

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

  • @alexfargo6336
    @alexfargo6336 2 года назад +1

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

  • @sergeyplotnikov5031
    @sergeyplotnikov5031 3 года назад +3

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

  • @gom-jabbar
    @gom-jabbar 4 месяца назад +1

    Благодарю

  • @user-el2uq6bh8z
    @user-el2uq6bh8z Год назад

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

  • @adinaijamangulova2596
    @adinaijamangulova2596 3 года назад

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

  • @andreybalatsan9336
    @andreybalatsan9336 2 года назад +1

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

  • @mediavova407
    @mediavova407 3 года назад

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

  • @_l.e.n.y_4956
    @_l.e.n.y_4956 Год назад +1

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

  • @user-lilya
    @user-lilya Год назад +1

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

  • @venzeldv
    @venzeldv Год назад

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

  • @user-gi2ud6od8o
    @user-gi2ud6od8o 2 месяца назад

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

  • @user-pk2tf6ip9d
    @user-pk2tf6ip9d Год назад

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

  • @Olegio_Y
    @Olegio_Y Год назад

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

  • @user-sm4zy7uc1m
    @user-sm4zy7uc1m Год назад

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

  • @HEjENtalk
    @HEjENtalk Год назад

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

  • @aleksey220280
    @aleksey220280 3 года назад

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

  • @annajegorova6120
    @annajegorova6120 Год назад

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

  • @user-ug1zv4tf1m
    @user-ug1zv4tf1m 3 года назад +2

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

  • @anatolyivanov1244
    @anatolyivanov1244 2 месяца назад

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

  • @user-gk3ke7dx2x
    @user-gk3ke7dx2x 3 года назад

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

  • @tazorprod.934
    @tazorprod.934 Год назад

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

  • @yaroslavzef7267
    @yaroslavzef7267 3 года назад

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

  • @niteilcaesgo2907
    @niteilcaesgo2907 8 месяцев назад

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

  • @user-xy1fp7sy8m
    @user-xy1fp7sy8m Год назад

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

  • @user-yz6vu2hs4l
    @user-yz6vu2hs4l 7 месяцев назад

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

  • @user-ve2yl5gy3v
    @user-ve2yl5gy3v Год назад

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

  • @omnomnom1323
    @omnomnom1323 2 года назад

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

  • @user-fj1ct1fo6b
    @user-fj1ct1fo6b 2 месяца назад

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

  • @Kras99free
    @Kras99free Год назад

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

  • @ragimabagirova6228
    @ragimabagirova6228 2 года назад +1

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

  • @maksymkyryliuk492
    @maksymkyryliuk492 2 года назад

    Good work. Awesome explanation!👍

  • @kenanhaciyev3759
    @kenanhaciyev3759 Год назад

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

  • @user-pi2pg3nl3n
    @user-pi2pg3nl3n Год назад

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

  • @dilmurodshernodirov5984
    @dilmurodshernodirov5984 3 года назад

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

  • @RinatWOT
    @RinatWOT 3 года назад

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

  • @valentyn996
    @valentyn996 2 года назад +2

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

    • @Lunar66
      @Lunar66 6 месяцев назад +1

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

    • @valentyn996
      @valentyn996 6 месяцев назад

      @@Lunar66 😎😎

  • @user-ow1qy6er6i
    @user-ow1qy6er6i 8 месяцев назад

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

  • @user-go5tp4rd6w
    @user-go5tp4rd6w 4 месяца назад

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

  • @andrzeyshliaha5302
    @andrzeyshliaha5302 3 года назад +1

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

    • @andrzeyshliaha5302
      @andrzeyshliaha5302 3 года назад +1

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

  • @alla6361
    @alla6361 11 месяцев назад +1

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

  • @sekirogenshiro2210
    @sekirogenshiro2210 3 года назад

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

  • @MrBioneto
    @MrBioneto 3 года назад

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

  • @katemos4584
    @katemos4584 2 года назад

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

  • @aleks6607
    @aleks6607 2 года назад +1

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

  • @GTar1998
    @GTar1998 2 года назад

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

  • @knuckless__
    @knuckless__ 2 года назад

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

  • @user-xh9iz3uw6j
    @user-xh9iz3uw6j 3 года назад

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

  • @user-dp2qu8zv6d
    @user-dp2qu8zv6d 2 года назад

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

  • @mike-aaa
    @mike-aaa Год назад

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

  • @Synchro13
    @Synchro13 2 года назад

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

  • @user-nn6mb9tv1b
    @user-nn6mb9tv1b 3 года назад

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

  • @user-mu9gf6kf8t
    @user-mu9gf6kf8t 3 года назад

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

  • @user-nz9kq8el7t
    @user-nz9kq8el7t 2 года назад

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

  • @dreadwood
    @dreadwood 3 года назад +1

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

  • @mikhailurban1222
    @mikhailurban1222 3 года назад

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

  • @araslanrus
    @araslanrus 2 года назад

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

  • @user-wn5nc6oo9o
    @user-wn5nc6oo9o 3 года назад +4

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

  • @Vasilii_Shtyrov
    @Vasilii_Shtyrov 3 месяца назад

    Супер!

  • @valerakuznetsov
    @valerakuznetsov Год назад

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

  • @Vetala007
    @Vetala007 3 года назад

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

  • @sedovolosyi
    @sedovolosyi 2 года назад +1

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

  • @SamSiMmP
    @SamSiMmP 11 месяцев назад

    Спасибо Вам

  • @II-is4ft
    @II-is4ft Год назад

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

  • @user-gk3ke7dx2x
    @user-gk3ke7dx2x 2 года назад

    Бомба 💣!

  • @georgepetrosyan4589
    @georgepetrosyan4589 3 года назад

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

  • @tihunvolkov9288
    @tihunvolkov9288 Год назад

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

  • @alexforos5425
    @alexforos5425 2 года назад

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

  • @user-dt7ry9fi5r
    @user-dt7ry9fi5r Год назад

    Спасибо!

  • @asgard1428
    @asgard1428 Год назад

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

  • @NeoJohnSmit
    @NeoJohnSmit 3 года назад

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

  • @GGSoft2009
    @GGSoft2009 Год назад

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

  • @Node2020
    @Node2020 Год назад

    отлично!

  • @maximvladimirovich5261
    @maximvladimirovich5261 2 года назад

    Класс!

  • @a89028724007
    @a89028724007 3 месяца назад

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

  • @ops_rv
    @ops_rv 3 года назад +3

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

  • @user-ox5qi4lf8d
    @user-ox5qi4lf8d 2 года назад

    крутое видео!

  • @iteasy4005
    @iteasy4005 11 месяцев назад +1

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

    • @itgid
      @itgid  11 месяцев назад

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

    • @davdev05
      @davdev05 4 месяца назад

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

  • @andyyarys4467
    @andyyarys4467 2 года назад

    Респект!

  • @bunnybugs6623
    @bunnybugs6623 3 года назад

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

  • @vitaliidrapaliuk5652
    @vitaliidrapaliuk5652 3 года назад

    Thank you!

  • @user-wt4fp9pc8e
    @user-wt4fp9pc8e 2 года назад

    шикарно

  • @user-888azim-97
    @user-888azim-97 Год назад

    спасибо)

  • @SputnikovoeTV
    @SputnikovoeTV 2 года назад

    Не совсем пойму разницу с Промисами(
    фетч вернет промис, и зеном обработаем по цепочке и по сути это тоже самое?

  • @shar-it
    @shar-it 10 месяцев назад

    Спасибо

  • @user-up9zq1nw4n
    @user-up9zq1nw4n 2 года назад

    Спасибо!)