Как работает Event Loop (Цикл событий) в браузере?

Подписаться 3,1 тыс.

Просмотров 3,1 тыс.

50% 1

Поток выполнения в браузере, равно как и в Node.js, основан на событийном цикле. Понимание работы событийного цикла важно для оптимизаций, иногда для правильной архитектуры.
Идея событийного цикла очень проста. Есть бесконечный цикл, в котором движок JavaScript ожидает задачи, исполняет их и снова ожидает появления новых.
Сайт learn.javascript: learn.javascri...
Статья на Хабре: habr.com/ru/po...
Telegram канал: t.me/ln_yt
Telegram лс: @lnmasterJS
#js #event_loop #цикл_событий

Опубликовано:

17 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 10

@РусланПолянский-х7б Год назад

Лучший!

@РусланА-ф2н 2 года назад

Автор, вы большой молодец. Спасибо за видео!

@abdurizoabdugaffarov7096 Год назад

Спасибо огромное автору за дословное обьяснения!!!

@АйдынГалымжанулы Год назад

Блин, спасибо большое, хоть какое-то понимаю складывается по немногу!!!

@ashimov1970 2 года назад

The best! 👍👏

@serdotsenko 2 года назад

спасибо! на всех собеседованиях по js спрашивают именно этот прмер!

@frontdevmansur 2 года назад

Спасибо очень полезный материал и хорошая подача инфы!

@martDKNY 2 года назад

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

@LNMaster_ 2 года назад

На канале devschacht есть имплементация промисов, первое видео: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1qyT-5MYIMk.html. Не совсем понимаю, что значит "с одновременным обучением". Поставьте точки остановы и смотрите стек в процессе дебага. Визуально вы не увидите очередь микро и макрозадач, все это скрыто от нас в V8. Если хотите подзамарочится, можете скомпилить движок , прогнать туда синтаксис и посмотреть логи. Думаю это вполне возможно, только не совсем целесообразно.

@dmitrykarpovich186 Месяц назад

console.log('start'); setTimeout(() => {console.log(3)}); const pr = new Promise(resolve => { console.log(2); resolve(1); }); pr.then((res) => console.log(res)); console.log('end'); VM1067:1 start VM1067:4 2 VM1067:8 end VM1067:7 1 undefined VM1067:2 3 привет, вроде как пропущен undefined