Loop de eventos e fundamentos de tarefas e microtarefas
Veja como o loop de eventos executa primeiro o código síncrono, depois as microtarefas e, por fim, as tarefas. Pratique com setTimeout, Promise.then e queueMicrotask
Loop de eventos e fundamentos de tarefas e microtarefas é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 1 de 3. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de JavaScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 3 aulas no total.
Introdução ao ciclo de eventos
Objetivo: Aprenda a ordem básica: código síncrono → microtarefas (Promise/queueMicrotask) → tarefas (setTimeout).
- Síncrono primeiro
- Microtarefas em seguida
- Tarefas por último
Síncrono primeiro
As instruções síncronas são executadas de cima para baixo antes de qualquer retorno de chamada enfileirado.
// Sync code runs immediately
console.log("A: sync start");
console.log("B: sync middle");
console.log("C: sync end");
Noções básicas da fila de tarefas
setTimeout coloca uma tarefa na fila. Ela é executada depois que o ciclo atual termina.
// Tasks (macrotasks) via setTimeout
console.log("1: start");
setTimeout(function () {
console.log("3: timeout task");
}, 0);
console.log("2: after scheduling");
Noções básicas de microtarefas
Promise.then adiciona uma microtarefa. As microtarefas são executadas logo após o código síncrono e antes das tarefas.
// Microtasks via Promise.then
console.log("X: sync");
Promise.resolve().then(function () {
console.log("Y: microtask");
});
console.log("Z: after scheduling microtask");
Demonstração da ordem
Ordem esperada: Início → Fim → Microtarefa → Tarefa.
// Order demo: microtask runs before task
console.log("Start");
setTimeout(function () {
console.log("Task: timeout");
}, 0);
Promise.resolve().then(function () {
console.log("Microtask: promise");
});
console.log("End");
Demonstração de queueMicrotask
queueMicrotask também agenda uma microtarefa. Mantenha as funções de retorno de chamada pequenas para criar aplicativos fluidos.
// queueMicrotask is another way to schedule a microtask
console.log("S");
queueMicrotask(function () {
console.log("M: microtask");
});
console.log("E");
// Tip: do not overuse microtasks; keep callbacks tiny
Questionário sobre microtarefas e tarefas
Verificação rápida: regra de ordenação.
Recapitulação
Recapitulação: O ciclo executa o código síncrono primeiro, depois esvazia a fila de microtarefas e, por fim, executa as tarefas. Use setTimeout para tarefas e Promise.then/queueMicrotask para microtarefas.
Perguntas Frequentes
A aula “Loop de eventos e fundamentos de tarefas e microtarefas” é grátis?
Sim — o texto completo de “Loop de eventos e fundamentos de tarefas e microtarefas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de JavaScript Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 3 aulas no total.
O que vou aprender em “Loop de eventos e fundamentos de tarefas e microtarefas”?
Veja como o loop de eventos executa primeiro o código síncrono, depois as microtarefas e, por fim, as tarefas. Pratique com setTimeout, Promise.then e queueMicrotask Você pratica JavaScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar JavaScript Academy?
Nenhuma experiência prévia é necessária. JavaScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 3.
Quanto tempo leva a aula “Loop de eventos e fundamentos de tarefas e microtarefas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de JavaScript Academy?
Sim. Cada aula de JavaScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Loop de eventos e fundamentos de tarefas e microtarefas
- Promises — estados, encadeamento e tratamento de erros
- Promise.all / any / race / allSettled — escolha a ferramenta certa