Event Loop em JavaScript: O Coração da Concorrência Não Bloqueante — Revisitado em 2025

console.log('1. Início do script');setTimeout(() => {  console.log('2. Timeout executado');}, 0);Promise.resolve().then(() => {  console.log('3. Promise microtask');});console.log('4. Fim do script');// Output:// 1. Início do script// 4. Fim do script// 3. Promise microtask// 2. Timeout executado

// Macrotask queuesetTimeout(() => console.log('Macrotask 1'), 0);setImmediate(() => console.log('Immediate 1')); // Node.js apenas// Microtask queuePromise.resolve().then(() => console.log('Microtask 1'));queueMicrotask(() => console.log('Microtask via queueMicrotask'));// process.nextTick (Node.js - executa antes das microtasks)process.nextTick(() => console.log('nextTick'));// Output em Node.js:// nextTick// Microtask 1// Microtask via queueMicrotask// Macrotask 1// Immediate 1

async function fetchData(urls) {  const results = await Promise.all(    urls.map(url => fetch(url).then(r => r.json()))  );  return results;}

// AsyncLocalStorage — disponível desde Node.js 16, amplamente adotado em 2025import { AsyncLocalStorage } from 'async_hooks';const requestStorage = new AsyncLocalStorage();function handleRequest(req, res) {  requestStorage.run({ requestId: generateId() }, () => {    logRequest(req);    processData();  });}async function processData() {  const store = requestStorage.getStore();  console.log(`Processing request: ${store.requestId}`);}

console.log('=== Início ===');setTimeout(() => console.log('1. setTimeout (macrotask)'), 0);Promise.resolve().then(() => console.log('2. Promise.then (microtask)'));queueMicrotask(() => console.log('3. queueMicrotask (microtask)'));if (typeof process !== 'undefined' && process.nextTick) {  process.nextTick(() => console.log('4. nextTick (Node.js only)'));}console.log('=== Fim do script ===');// Output:// === Início ===// === Fim do script ===// 4. nextTick (se Node.js)// 2. Promise.then// 3. queueMicrotask// 1. setTimeout

// PROBLEMA: loop pesado dentro de microtask bloqueia o event loop inteiroasync function processarDados() {  const dados = await buscarDados();  for (let i = 0; i < 10000000; i++) {    processarItem(dados[i]);  }}// SOLUÇÃO: dividir em chunks cedendo o controle entre cada umasync function processarDadosOtimizado(dados) {  for (let i = 0; i < dados.length; i += 1000) {    const chunk = dados.slice(i, i + 1000);    chunk.forEach(processarItem);    await new Promise(resolve => setTimeout(resolve, 0));  }}

import { performance } from 'perf_hooks';function benchmark(name, fn, iterations = 100000) {  const start = performance.now();  for (let i = 0; i < iterations; i++) {    fn();  }  const end = performance.now();  console.log(`${name}: ${((end - start) / iterations * 1000).toFixed(3)}µs por operação`);}benchmark('Promise.then', () => {  Promise.resolve().then(() => {});});benchmark('queueMicrotask', () => {  queueMicrotask(() => {});});

┌───────────────────────────┐│  Timers                   │  setTimeout, setInterval└─────────────┬─────────────┘              ▼┌───────────────────────────┐│  Pending callbacks        │  erros de I/O da iteração anterior└─────────────┬─────────────┘              ▼┌───────────────────────────┐│  Poll                     │  aguarda I/O, executa callbacks└─────────────┬─────────────┘              ▼┌───────────────────────────┐│  Check                    │  setImmediate└─────────────┬─────────────┘              ▼┌───────────────────────────┐│  Close callbacks          │  socket.on('close', ...)└───────────────────────────┘Entre CADA fase, microtasks são executadas.

// No browser, o modelo é mais simples:// 1. Execute todo o JavaScript síncrono// 2. Execute todas as microtasks// 3. Render (se necessário)// 4. Execute próxima macrotask// requestAnimationFrame — executa antes do paintrequestAnimationFrame(() => {  console.log('Antes do render');});// requestIdleCallback — para trabalho não urgenterequestIdleCallback(() => {  console.log('Browser está ocioso');});

// ❌ Assumir que são equivalentessetTimeout(() => console.log('timeout'), 0);setImmediate(() => console.log('immediate'));// A ordem pode variar em Node.js dependendo do contexto de I/O.// setImmediate não existe no browser — use setTimeout(0) lá.

// ❌ Processa tudo de uma vezasync function importUsers(users) {  for (const user of users) {    await saveUser(user);  }}// ✅ Processa em batches cedendo o controle entre cada umasync function importUsersBatched(users, batchSize = 100) {  for (let i = 0; i < users.length; i += batchSize) {    const batch = users.slice(i, i + batchSize);    await Promise.all(batch.map(saveUser));    await new Promise(resolve => setTimeout(resolve, 0));    reportProgress(Math.min(i + batchSize, users.length), users.length);  }}

// ✅ Cancelamento limpo com AbortControllerasync function fetchWithCancel(url, signal) {  const response = await fetch(url, { signal });  return response.json();}const controller = new AbortController();fetchWithCancel('/api/data', controller.signal)  .then(data => console.log(data))  .catch(err => {    if (err.name === 'AbortError') {      console.log('Request cancelado');    }  });setTimeout(() => controller.abort(), 5000);