JavaScript Academy · Aula

Lendo rastreamentos da pilha

Rastreie os erros até a origem.

Lendo rastreamentos da pilha é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 4 de 4. 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 4 aulas no total.

O que é um trace da pilha

Um trace da pilha é a lista de chamadas de função ativas no momento em que ocorreu um erro. Ele mostra o caminho percorrido pelo programa até chegar à falha.

Lendo de cima para baixo

O quadro superior de um trace é o local onde o erro foi lançado. Cada linha abaixo mostra a função chamadora, até o ponto de entrada original do programa.

Anatomia de um quadro

Cada quadro normalmente informa uma função e, em seguida, o arquivo, o número da linha e a coluna onde a chamada ocorreu. Isso indica o local exato.

A mensagem de erro

Acima dos quadros ficam o nome e a mensagem do erro, como um TypeError que descreve o que deu errado. Leia isso primeiro: muitas vezes explica a causa.

function getName(user) {
  return user.name
}
// calling getName with undefined would throw a TypeError
console.log("Reading the message tells you what failed")

Acompanhando a cadeia de chamadas

Ao ler para baixo, você reconstrói a sequência: qual função chamou qual outra, até chegar à linha que falhou.

Seu código versus código de bibliotecas

Os traces frequentemente incluem quadros de bibliotecas. Concentre-se no quadro mais acima que pertence aos seus próprios arquivos de código, pois geralmente é ali que está a correção.

Traces de pilha assíncronos

As DevTools modernas conectam chamadas assíncronas, mostrando o contexto de origem de uma promessa ou de um temporizador para que o trace não seja interrompido na transição.

Gerando um trace manualmente

console.trace exibe a pilha de chamadas atual sem lançar um erro, ajudando você a ver como uma função foi alcançada.

function inner() {
  console.trace("reached inner")
}
function outer() {
  inner()
}
outer()

A propriedade de pilha do erro

Um objeto de erro contém uma propriedade de pilha com o trace em formato de texto, que você pode registrar ou enviar a um serviço de relatórios de erros.

const err = new Error("Something failed")
console.log(typeof err.stack)

Código minimizado e mapas de origem

O código de produção costuma ser minimizado, tornando os traces difíceis de entender. Os mapas de origem traduzem as posições minimizadas de volta para seus arquivos originais, produzindo traces legíveis.

Do trace à correção

Combine a mensagem, o quadro superior pertencente ao seu código e o número da linha para localizar o erro. Em seguida, inspecione as variáveis nesse ponto para confirmar a causa.

Verificação rápida

Teste seus conhecimentos sobre traces da pilha.

Recapitulação

Recapitulação: Os traces da pilha revelam o caminho até um erro.

O quadro superior é o local onde o erro foi lançado
Os quadros inferiores são as funções chamadoras
Concentre-se no quadro mais acima que pertence ao seu código
Os mapas de origem tornam legíveis os traces de código minimizado

const err = new Error("fail")
console.log(typeof err.stack)

Perguntas Frequentes

A aula “Lendo rastreamentos da pilha” é grátis?

Sim — o texto completo de “Lendo rastreamentos da pilha” é 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 4 aulas no total.

O que vou aprender em “Lendo rastreamentos da pilha”?

Rastreie os erros até a origem. 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 4 de 4.

Quanto tempo leva a aula “Lendo rastreamentos da pilha”?

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

← Voltar para JavaScript Academy