Aula 69 — Como o JavaScript executa código

Até agora, usamos o JavaScript para criar funções, manipular dados, trabalhar com eventos e até construir aplicações instaláveis.

Mas existe uma pergunta fundamental que quase nunca é feita:

como o JavaScript realmente executa o código que escrevemos?

Nesta aula, vamos entender o funcionamento interno da execução do JavaScript — sem fórmulas mágicas e sem mistério.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

• Entender como o JavaScript lê e executa o código
• Compreender a execução linha por linha
• Saber por que a ordem do código importa
• Preparar o terreno para Call Stack e Event Loop
• Deixar de tratar a execução como “mágica”

JavaScript é uma linguagem interpretada

JavaScript não é compilado como C ou Java.

Ele é uma linguagem interpretada.

Isso significa que:

• O código é lido
• Interpretado
• E executado
• Tudo em tempo de execução

Mas isso não acontece de forma aleatória.

Execução acontece em duas grandes fases

Quando o JavaScript executa um arquivo, ele passa por duas fases principais:

• Fase de criação
• Fase de execução

Essa separação explica muitos comportamentos estranhos que vemos no dia a dia.

1️⃣ Fase de criação (preparação)

Antes de executar qualquer linha, o JavaScript:

• Registra funções
• Registra variáveis
• Cria o contexto de execução

É nessa fase que acontece o famoso hoisting.

Exemplo simples

 console.log(nome);

var nome = "Daniel";

O que acontece aqui?

Durante a fase de criação:

• A variável nome é registrada
• Mas seu valor ainda não é definido

Por isso, o resultado é:

 console.log(nome); // Saída será undefined 

2️⃣ Fase de execução

Depois da preparação, o JavaScript começa a executar o código:

• De cima para baixo
• Linha por linha
• Na ordem em que foi escrito

Agora os valores são atribuídos e as funções são chamadas.

Funções também entram na execução

Quando uma função é chamada, o JavaScript:

• Interrompe temporariamente a execução atual
• Cria um novo contexto
• Executa a função
• Retorna ao ponto anterior

Isso será essencial para entendermos o Call Stack.

Exemplo com função

 function saudacao() { console.log("Olá!"); }

console.log("Antes");
saudacao();
console.log("Depois");

 console.log("Antes"); // Saída: Antes

saudacao();
// Saída: Olá!

console.log("Depois");
// Saída: Depois

JavaScript executa uma coisa por vez

JavaScript é single-thread.

Isso significa:

• Uma tarefa por vez
• Uma execução por vez
• Sem paralelismo real

Por que isso importa?

Porque a partir daqui conseguimos entender:

• Por que callbacks existem
• Por que Promises existem
• Por que async/await existe
• Como o Event Loop funciona

Nada disso é mágica.

Na próxima aula, vamos entender o Call Stack e o Execution Context, dando nome e forma a tudo isso que vimos hoje.