03. Асинхронность в JS - Григорий Бизюкин

Рет қаралды 53,689

2 жыл бұрын

Разберемся с асинхронностью в JavaScript, выберемся из callback hell, пообещаем разобраться с обещаниями, посмотрим на async/await, узнаем, что не все await одинаково полезны, а в конце эпично уйдем в закат.
Иначе говоря, простым языком обсудим важные темы:
- цикл событий в браузере (event loop)
- очередь задач (tasks queue) и микрозадач (microtasks queue)
- функции обратного вызова (callback)
- обещания (promise)
- сопрограммы или корутины (coroutine)
- async и await
- состояние гонки (race condition)
- микропаттерны для оптимизации debounce и throttle

Пікірлер: 40

@Figurum 6 ай бұрын

Обожаю этого лектора! Всегда классно и интересно рассказывает, а главное - с любовью к делу.

@thomasanderson3145 2 жыл бұрын

Лучшей лекции по асинхронному программированию я не встречал. Каждая минута - кладезь полезной информации

@gattygamaun7941 2 жыл бұрын

Нет слов, с первых минут затянуло до самого конца. 👏

@iamyourlastregret 2 жыл бұрын

Григорий, спасибо за замечательную лекцию! Одно из лучших видео по js на моей памяти

@sergeykashko7291 Жыл бұрын

Спасибо Григорию, крутейшая лекция. Отлично упаковал информацю - концентрированные систематизированные знания + интересная подача 👍

@DianaPure 2 жыл бұрын

Какая крутая лекция!🔥👏🏻 Спасибо!

@kostyakozlov5289 2 жыл бұрын

Григорий Бизюкин красавчик

@mickkoch563 Жыл бұрын

Мой любимый лектор.

@dudovichenko 11 ай бұрын

Григорий, респект! Подача - супер!

@mykhailostepanishchev6472 2 жыл бұрын

Крутейшая лекция и лектор, большое спасибо!

@eugenedavidoff6996 2 жыл бұрын

Спасибо, интересно было послушать)

@GagikHarutyunyan_dev 2 жыл бұрын

Лучший просто

@aluminservice7871 Жыл бұрын

потрясающее изложение! Григорий, Вам однозначно нужен свой ютуб-канал!

@TheILOVEYOUXD 2 жыл бұрын

Спасибо тебе дядь

@knowledge9396 22 күн бұрын

00:01:55 Event Loop 00:02:34 Call Stack 00:03:38 Render Queue 00:04:14 Tasck Queue 00:05:36 MicroTasck Queue 00:07:16 Evet Loop - Коротко 00:08:02 Обработчики событий 00:09:20 Таймеры в JavaScript 00:13:45 Микрозадачи 00:15:07 requestAnimationFrame 00:17:07 Изолированность EventLoop 00:18:14 postMessage 00:20:27 Различные способы использования Event Loop 00:21:13 Callback Hell и Pyramid of Doom 00:25:30 Promise 00:35:11 Promise.resolve и Promise.reject 00:38:24 Promise.all 00:39:20 Promise.race 00:41:18 Promise.prototype.finally 00:42:24 Promise.allSettled 00:43:04 Promise.any 00:43:29 Всемогущий Promise 00:46:24 Итераторы и Генераторы 00:47:52 Итератор в JavaScript 00:49:05 Генератор в JavaScript 00:49:55 Общение итератора с внешним миром 00:52:56 Итератор - это корутина (сопрограмма) 00:53:52 Магическая функция async 00:55:13 Async / Await 00:56:49 Обработка ошибок 00:58:51 Что использовать Callback, Promise или Async / Await 01:00:13 Race Condition 01:02:03 Решение Race Condition 01:03:27 Debounce и Throttle 01:05:36 Итого

@funfunfunnyfun8821 Жыл бұрын

Гений

@victoriatroekurova7414 Жыл бұрын

Лекцию супер, а можно ли где-то скачать презентацию? Спасибо!

@burtartburtart1517 Жыл бұрын

материал из книги you don't know js Кайла Симпсона)

@DanilaSiniak 2 жыл бұрын

Здравствуйте, есть ли презентация в открытом доступе?

@theoty-js 11 ай бұрын

ПРОШУ ВАШЕГО ВНИМАНИЯ!!! ПОЛНЫЙ РАЗБОР И РАЗНОС!!!! --> ⎡msk⎦ Разбираем видео: "Продвинутый JS (Григорий Бизюкин)"

@vastargazing8957 4 ай бұрын

Сам то проверял его утверждения? Слепо копируешь.

@rinatvaliullov3247 Жыл бұрын

Ссылки на презентации выкладывайте, пожалуйста, ШРИ.

@romandavydov3738 Жыл бұрын

Very useful, especially in rusland language domain

@velikorossnationalist4259 2 жыл бұрын

Скажите пожалуйста - fetch относится к микро или макрозадачам? И почему?

@kotikvacia9970 2 жыл бұрын

Fetch возвращает Promise и поэтому относится к микротаскам, но есть тонкости в порядке setTimeout(() => {...}, 0) и fetch (если интересно почитать, то вот вопрос на stackoverflow questions/61890737/executing-priority-of-fetch-and-settimeout-in-chrome)

@velikorossnationalist4259 2 жыл бұрын

@@kotikvacia9970 спасибо за ответ!

@Skaz_. 2 жыл бұрын

49:15

@gnomframe1563 8 ай бұрын

ЙЫЛД

@kamranloki3792 2 жыл бұрын

где ссылки из видео?

@MrLuckfinder 2 жыл бұрын

Хоть бы дали ссылку на презентацию. Штош... Комментарии с ссылками сразу удаляют...

@devofy 2 жыл бұрын

А где эти ссылки берут?

@MrLuckfinder 2 жыл бұрын

@@devofy Яндекс... Найдётся, наверное...

@user-dr7im3tk3e 7 ай бұрын

Таймкоды бы еще добавить

@userJakov 4 ай бұрын

про генераторы нихера непонятно, пока не прочитаешь на learn.javascript не поймешь, как можно пробегаться по такой куче сложных тем за час. эта лекция рассчитана только для вводного ознакомления. но никак не для того чтобы понять

@userJakov 4 ай бұрын

местами слишком сложно, и непонятно

@denis793 2 жыл бұрын

На слайде 57 ошибка. Promise.race разрешит первое значение массива, т.е. ананас

@MashaKovach 2 жыл бұрын

тут как бы не первое значение по счету получим, а более быстрое, прям как в примере с логами в начале видео, промису с ананасом еще нужно выполнится, а арбузик получим сразу

@Londeren Жыл бұрын

@@MashaKovach Promise.race([Promise.resolve(1), 2]).then(console.log) Можете протестировать, выведется 1