Урок 4. JavaScript. Асинхронность.Что такое Event Loop. JS SetTimeout 0
HTML-код
- Опубликовано: 11 июн 2019
- Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Telegram: t.me/js_by_vladilen
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Урок 4. JavaScript. Асинхронность.Что такое Event Loop. JS SetTimeout 0
В видео я расскажу про асинхронность в javascript.
Вы узнаете как работают callback, event loop
В конце ролика я расскажу про то, что такое SetTimeout 0
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...
Асинхронность! Понятней с этим? Двигаемся дальше?
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Круто, дальше наверное можно разбирать Промисы :-) и его методы
@@user-py7nm1mu2b Промисы сегодня или завтра, да
лучшее объяснение что я видел
@@VladilenMinin про промисы да и про async/await тоже логически последовательно супер было бы с такой подачей просто шикарно!
@@-it-kidys Благодарю
Впринципе тема раскрыта для новичка, но мне хотелось бы кратко дополнить. Так называемая очередь задач на самом деле разделена на две очереди, первая - это макротаски, вторая - микротаски, и в первую очередь выполняются сначало микротаски, а потом макротаски. К макротаскам относятся как сказал Владилен, setTimeout'ы, setInterbal'ы, обработчики событий, загрузка картинок, вывод инпутов и.т.д., а к микротаскам относятся только промисы, и впервую очередь стек будет выполнять их. Не благодарите😎
а для синхронного кода какая очередь?
@@grib-pix ты только что ответил сам на свой вопрос!
@@justfisher2920можно ли ваш юзер в ТГ поговорить на счёт js
Ну, ты тоже не до конца написал, следует бы упоминуть, что сначало выполняются все микротаски(промисы,колбэки из queue microtasks(), колбэки MutationObserver, а потом только одна макротаска(если она пораждает микротаски, то эти микротаски выполняются сразу же после это макротаски), т.е получим: все микротаски, 1 макротаска, все микротаски, 1 макротаска и т.д.
Синхронный по очереди вот как код идет с первой строки до последней.А если внутри асинхронный будет то будет как в видео вот указанно асинхронный код дождеться пока выполнеться весь синхронный.@@grib-pix
обожаю момент, когда "И на самом деле..это всё")))
Визуализация -- моё почтение. Спасибо, стало сильно понятнее!
Ох, впервые за три года понятное мне объяснение Event Loop, спасибо! :)
На самом деле нет. Event loop может быть реализован двумя основными способами: 1) на каждый поток и 2) с пулом потоков. Объяснение так себе. Event loop'ы не специфичны для JS. Любой асинхронный код основан на эвент лупах, в любых языках.
Мне нравится ваш восхищенный голос, когда вы рассказываете) Это, очень здорово) 👍
так просто аж страшно))) Вы гениально просто всё объяснили. Спасибо, Владилен!
Это лучшее объяснение что я находил за все время изучения асинхронности в js. Спасибо большое что делишься так доступно и наглядно знаниями!
на курсах показывали на картинка, ничего не понял, Владилен за 17 мин донес все! В очередной раз поклон!
Владилен, спасибо за труд! Все очень доходчиво!
Сколько статей не читал не мог полностью понять как работает event loop. После этого видео все стало предельно ясно. Спасибо за это :)
Такие сложные темы очень просто объясняешь! Спасибо огромное за твой труд
Владилен, спасибо! Четко, ясно, понятно) Продолжай творить)
Это было очень увлекательно, Владилен! Спасибо большое за материал!
Лучшее видео и урок, показывающий всю суть принципа работы языка javaScript! Автору БОЛЬШОЕ СПАСИБО!
Отличная подача, Владилен! Отдельное спасибо за то что ты подаешь информацию медленно, с повторами и примерами. Это именно то чего мне не хватает в обучающих материалах по js! Отличное видео, я крайне доволен что нашел такой контент!)
Просто лучший! Кратко, наглядно, понятно. Спасибо за труд!
Отличное видео, большое спасибо. Все очень понятно, смотреть и слушать приятно. Очень рада, что нашла ваш канал!
Спасибо за такой легкий и понятный формат предоставления информации.
Более подробного объяснение я нигде не видел! Спасибо вам большое 👍👍👍
Спасибо, у вас талант хорошего учителя
Присоеденяюсь
Огромное спасибо, Владилен! Как же ты суперски помогаешь развиваться, т.к. в ру-сообществе мало действительно крутых курсов и уроков (даже платных), после твоего курса на Udemy и всех видео по JS'у могу действительно создавать крутые веб-приложения, которые радуют даже себя! Спасибо за то, что помог учиться в кайф!)
Добрый день. Очень доходчивая и наглядная подача. Огромное спасибо за Ваш труд.
Знание и умение объснять это разные вещи. У тебя же есть и то, и то. Респект, спасибо!
Respect!
Thank you for your simplicity. I just can't help saying that you are talented to make things plainly that have seemed hard for so long.
In the search for good educational material, you come in touch with a variety of different stuff and many of them are explained so complicatedly that you get more and more confused.
Your tutorials are one of the best concerning the mentioned concepts.
Thank you.
В первые слышу про асинхронность, но материал был грамотно подан, что и последовало моему понятию с первого раза. Спасибо, Влад))
Как просто ты все обьяснил, сказка просто!
Спасибо друг, ты классный учитель
Спасибо огромное! Это просто гениально!!! Спасибо за Ваш труд! Желаю роста Вашему каналу!!!
хотелось бы, конечно, еще услышать что-нибудь про приоритетность микро и макротасков) но для начинающих, думаю, и этого достаточно
Влад, ну ты вообще красавчик !
Очень круто подаешь материал , спасибо за труды, очень качественный контент !
Успехов тебе профессор Владилен Минин !
\\\Красавчик братан. обьясняешь как надо. преподавать это твоя стихия
Спасибо за труд. Многие вещи максимально понятно.
самый четкий лектор) Показать с примером на этом сайте это очень круто!
Очень доступное объяснение! Спасибо автору!
Было бы здорово ещё описать что относится к таскам, а что к микротаскам и их очередь выполнения
в мозгу стало как то чище и просторней ), спасибо!
Спасибо за урок!
Кратко, наглядно, понятно. Спасибо! Event Loop.
Будем знать, за это однозначно лайк от СЕООНЛИ
Спасибо за столь простое и понятное объяснение ! :)
Агонь, ты лучший! Очень доступно!
ранее понимание асинхронности было ,но твое видео мне дало ясность
Максимально доступно и очень быстро Вам удалось объяснить!!!🔥🔥
Отличное разъяснение, благодарю!
С удовольствием смотрю все Ваши видео! Подписка + лайк! Спасибо!
Юху, наконец-то понятно, как это работает. Огромное спасибо за урок👍
Самое лучшее пояснение! Благодарю
Владилен респект вам за просвещения в JavaScript !
Очень доступное объяснение. Спасибо!
Отлично видео, большое спасибо за твой труд
Отличный урок! Доступно и понятно!
супер. Всё максимально наглядно и понятно!
тему уяснил на 10 баллов, спасибо за лучшее объяснение!
идеально, гениально и просто! лучший учитель
Спасибо бро! Это самое крутое и наглядное объяснение Event Loop.
просто праздник какой-то!
Класс! Раньше не могла понять , теперь стало понятнее ! Спасибо большое!
Круто объяснил. Я наконец-то понял. Спасибо Владилен
Лучшее видео по теме из всего, что я смотрел
Видеоуроки топ! Спасибо вам большое!
С визуализацией понятнее стало, спасибо!
Ты ваще краса, 2 мин видео а уже столько нового узнал!
Самые лучшие уроки на ютубе.
Хорошо объяснили асинхронность, большое спасибо 💪
Спасибо большое за детальное объяснение !)
Очень понятно, спасибо, Владилен
Спасибо, Владилен!
Спасибо большое за такие уроки
Круто, спасибо за развернутый разбор
Поздравляю с 100 000 подписчиков!!! Так держать!
Благодарю)
Спасибо за такое доступное объяснение)
Лучшее объяснение, понял с первого раза!
Браво, отличный урок!
Благодарю за урок. Очень наглядно и доступно, JS становится всё проще и проще. :))
Спасибо большое! Все понятно! Отличное объяснение!
Очень доступно и понятно! Спасибо!)🤘
Шикарный Урок!!!!
Владилен!!! Всё классно рассказываешь!
Лучшие уроки на ютубе! Продолжай пожалуйста)
Благодарю за такой отзыв)
Очень хороший урок, спасибо!
Всё просто и понятно. Спасибо!
максимально доходчиво
наконец-то разобрался с этим event loop
Владилен спасибо за асинхроность.круто!!!
Жду продолжения (promise, async await, fetch ). До сих пор не знаю где именно надо писать async await. Тема не простая особенно что касается promise.
P.S.: Благодарю за видеоролик по асинхронности.
тема проще, чем кажется
В следующем видео расскажу
Спасибо, отличный урок!
Чувак, ты очень крутой. Спасибо за разъяснения
Спасибо тебе, Ленин, ты крут!
Отличное описание, спасибо!
Спасибо! Очень хорошее пояснение🙏💪
Так не хватало серии таких видосов!
Великолепный урок! Сразу подписка.
Спасибо, полезно!
Очень хорошо объяснил. Спасибо
Спасибо! Очень понятно и наглядно)
Отлично всё объяснил, спасибо!
Огромное спасибо за видео!
Красавчик! Крутое объяснение
Владилен спасибо тебе большое !
Очень хороший показательный пример.