[JS] > Event Loop (Часть 1)

Question 1

Опишите схему работы Цикла событий

Answer 1

Цикл постоянно выполняеет задачи из стэка которые формируются от разбора функций помещеных в очередь
Если сэтк пуст мы берем следующую функцию из очереди, дробим ее на задачи для стэка после чего выполняем действия из стэка

Question 2

Что такое Стек (Stack)?

Answer 2

Стек - это хранилище которое принимает задачу из очереди и делит ее на мелкие таски путем разбития внутриних колбеков

Question 3

Что такое Куча (Heap)?

Answer 3

Куча — это большой неструктурированной области памяти (для чего ???)

Question 4

Что такое Очередь (Queue)?

Answer 4

Очередь(макро очередь) — это список задач которые будут исполнятся, каждая задача ассоциируется с функциями которые вызывали

Question 5

Что такое Цикл событий (Event loop)?

Answer 5

Бесконечный цикл которые обрабатывает действия которые поступают в очередь

Question 6

Можно ли прервать задачу в цикле событий?

Answer 6

Нет, каждая задача выполняется полностью, прежде чем начнёт следующая.

Question 7

Какие вы знаете минусы подхода цикла событий?

Answer 7

Минусы:
1. Мы не можем выполнять ресурсоемкие задачи так как это заставит всех ждать в очереди

Question 8

Как влияет цикл событий на функ. setTimeout?

Answer 8

Функция задает не фиксированное, а минимальное время до исполнения действия.
Если очередь будет загружена то придется ждать ее освобождения

Question 9

Какая консоль выведит сообщение первее, в чем подвох setTimeout(func, 0)?

(function () {
setTimeout(() => { console.log(‘test A’) }, 0);
console.log(‘test B’);
})();

Answer 9

setTimeout, помещает задачу в конец очереди, сначала выполнится осн. функция которая поместит вывод текста “test A” в конец очереди, и выведет текст “test B”, после завершения этой функция, выведется “test A”

Question 10

Что такое макро очередь (macrotask queue)

Answer 10

Макро очередь это очередь которую использует цыкл событий для выполнения задач

Question 11

Что такое микро очередь (microtask queue)

Answer 11

Очередь для исполнения асихнронных запросов

Question 12

Какая будет последовательность алертов, и почему?

Code:
setTimeout(() => alert(“timeout”));
Promise.resolve().then(() => alert(“promise”));
alert(“code”);

Answer 12

Вывод будет:
1. code - синхронный код, сразу на вывод
2. promise - алерт попадает в список микро_задач
3. timeout - попадает в список макро задач

Question 13

Web API

Answer 13

Веб апи это браузерный интерфейс позволяющий:
1) управлять домом (DOM)
2)..

Question 14

Для чего нужны Web Workers?

Answer 14

Это поралельные потоки которые выполняют вычеслительные задачи и не блочат DOM