React Frontend Developer

Q: Является ли код внутри тега макрозадачей?

Код внутри тега <script> выполняется синхронно и не является макрозадачей. Когда браузер загружает страницу, он сначала выполняет весь синхронный код, содержащийся в теге <script>, и только после завершения этого выполнения переходит к обработке других задач в очереди, таких как макрозадачи и события. Макрозадачи включают асинхронные операции, такие как setTimeout или обработчики событий.

Question 1

Расскажи про event loop в React.

Accepted Answer

Event loop — это механизм JavaScript, который позволяет обрабатывать асинхронные задачи. В React event loop используется для обработки событий, таких как клики или запросы данных. Когда происходят изменения в данных или состоянии компонента, React реагирует на это, отправляя обновления в очередь и следуя за event loop для их обработки, не блокируя основной поток.

Question 2

66666

Accepted Answer

Event Loop — это механизм, который позволяет JavaScript выполнять асинхронные операции, не блокируя основной поток. Он постоянно проверяет, пуст ли Call Stack, и если да, то перемещает задачи из очередей (microtask и macrotask) в стек для выполнения. Это основа асинхронности в однопоточном JavaScript.

Question 3

44444

Accepted Answer

Event Loop — это механизм, который позволяет JavaScript выполнять асинхронные операции, не блокируя основной поток. Он постоянно проверяет, пуст ли Call Stack, и если да, то перемещает задачи из очередей (microtask и macrotask) в стек. Это обеспечивает неблокирующее выполнение кода, например, при обработке событий или таймеров.

Question 4

3333

Accepted Answer

Код выведет '1', '3', '2'. Сначала выполнится синхронный console.log('1'). Затем промис создаёт микрозадачу (microtask) для своего обработчика .then, но она выполнится только после завершения текущего макрозадания (macrotask). Следующий синхронный console.log('3') выполняется сразу. После этого Event Loop обрабатывает очередь микрозадач и выполняет console.log('2') из промиса.

Question 5

2222222

Accepted Answer

Event Loop — это механизм, который позволяет JavaScript обрабатывать асинхронные операции, несмотря на однопоточность. Он состоит из стека вызовов, очереди задач (макрозадач) и очереди микрозадач (например, промисы). Сначала выполняется весь синхронный код из стека, затем обрабатываются все микрозадачи из очереди, и только после этого берётся одна макрозадача (например, setTimeout). Это гарантирует, что промисы выполняются быстрее, чем таймеры, даже с нулевой задержкой.

Question 6

Как event loop влияет на парсинг HTML и как этого избежать?

Accepted Answer

Event loop может приостанавливать парсинг HTML, если JavaScript выполняется во время загрузки страницы. Когда браузер встречает тег <script>, он останавливает парсинг и выполняет скрипт, что может замедлить загрузку страницы. Чтобы избежать этого, разработчики могут использовать атрибуты async или defer, которые позволяют загружать и выполнять скрипты асинхронно, не блокируя парсинг.

Question 7

Как рендеринг в браузере связан с event loop?

Accepted Answer

Рендеринг в браузере отвечает за отображение веб-страницы, включая разметку, стили и поведение. Event loop управляет выполнением JavaScript-кода и обработкой событий, ставя асинхронные задачи в очередь. Когда браузер завершает текущий стек выполнения, он проверяет очередь событий и выполняет задачи, что может приостановить рендеринг, если есть тяжелые операции. Понимание этой связи помогает разработчикам избегать блокировок интерфейса и улучшать отзывчивость приложений.

Question 8

Является ли код внутри тега <script> макрозадачей?

Accepted Answer

Код внутри тега

Question 9

Объясните влияние блокирующих операций на Event Loop и как их избежать.

Accepted Answer

Блокирующие операции в JavaScript — это те, которые останавливают выполнение кода и не позволяют Event Loop обрабатывать другие задачи. Это может привести к зависанию интерфейса пользователя и снижению отзывчивости приложения. Чтобы избежать блокирующих операций, используйте асинхронные функции, такие как setTimeout, Promise и API, позволяющие выполнять задачи в фоновом режиме, не блокируя основной поток выполнения.

Question 10

Что такое цикл событий (event loop) и как он работает?

Accepted Answer

Цикл событий (event loop) — это механизм в JavaScript, который управляет выполнением кода, обработкой событий и выполнением задач из очереди (callback-ов). Он позволяет JavaScript быть асинхронным, обрабатывая задачи, когда основная программа уже завершена. Когда вызывается асинхронная операция, она отправляется в очередь, а цикл событий отслеживает и выполняет задачи, как только главный поток освобождается.

Вопросы React Frontend Developer