Step Over, Step Into, Step Out: navegando pelo código com o debugger

Depois que você coloca um breakpoint, vem a parte mais poderosa:
controlar a execução do código passo a passo.

É aqui que entram os 3 comandos mais usados no debugger:

• Step Over
• Step Into
• Step Out

Pense neles como botões de controle de um vídeo, mas para o seu código.

Visão rápida dos 3 comandos

1) Step Over (passar por cima)

Executa a linha atual e vai para a próxima, sem entrar dentro de funções chamadas naquela linha.

2) Step Into (entrar)

Entra dentro da função que está sendo chamada na linha atual, para você ver os detalhes internos.

3) Step Out (sair)

Quando você já está dentro de uma função, termina essa função e volta para quem chamou.

Exemplo para visualizar

function somar(a, b) {
  const resultado = a + b;
  return resultado;
}

function calcularPedido() {
  const subtotal = somar(10, 5); // linha A
  const frete = 8;               // linha B
  const total = subtotal + frete;// linha C
  return total;
}

calcularPedido();

Se o breakpoint estiver na linha A:

• Step Over: executa somar(10, 5) e vai para linha B.
• Step Into: entra dentro da função somar.
• Step Out (se você entrou em somar): sai de somar e volta para linha B.

Quando usar cada um no dia a dia

Use Step Over quando:

• você confia na função chamada
• quer avançar rápido no fluxo principal
• não precisa ver detalhes internos agora

Use Step Into quando:

• suspeita que o bug está dentro da função chamada
• precisa validar parâmetros e cálculos internos
• quer entender o caminho detalhado da execução

Use Step Out quando:

• entrou fundo demais e quer voltar rápido
• já viu o suficiente daquela função
• quer retornar ao fluxo de nível mais alto

Estratégia prática de depuração

1. Coloque breakpoint no ponto suspeito.
2. Comece com Step Over para entender o fluxo geral.
3. Quando achar uma função suspeita, use Step Into.
4. Após investigar, use Step Out para voltar ao fluxo principal.
5. Repita até encontrar a causa exata.

Erros comuns de iniciantes

• Usar só Step Into e se perder em muitas funções.
• Não observar valores das variáveis durante os passos.
• Esquecer do Step Out e ficar preso em função interna.
• Clicar rápido demais sem analisar cada mudança.

Dica de ouro

Depurar bem não é “andar rápido”, é andar com intenção.

Faça perguntas enquanto avança:

• "Esse valor era o esperado?"
• "A função recebeu os parâmetros corretos?"
• "O retorno bate com a lógica do sistema?"

Resumo da lição

• Step Over: executa linha sem entrar em função.
• Step Into: entra na função chamada para investigar detalhes.
• Step Out: sai da função atual e volta ao nível anterior.
• Usar os três juntos te dá controle real sobre o fluxo do programa.