Lectura de trazas de pila
Rastree los errores hasta su origen.
Lectura de trazas de pila es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 4 lecciones en total.
Qué es una traza de pila
Una traza de pila es la lista de llamadas de función activas en el momento en que se produjo un error. Muestra el recorrido que siguió el programa hasta llegar al fallo.
Leer de arriba abajo
El marco superior de una traza es el lugar donde se lanzó el error. Cada línea inferior muestra quién hizo la llamada, hasta llegar al punto de entrada original del programa.
Anatomía de un marco
Cada marco suele indicar una función y, a continuación, el archivo, el número de línea y la columna donde se produjo la llamada. Esto permite localizarla con exactitud.
El mensaje de error
Encima de los marcos aparecen el nombre y el mensaje del error, como un TypeError que describe qué salió mal. Léalo primero: a menudo explica la causa.
function getName(user) {
return user.name
}
// calling getName with undefined would throw a TypeError
console.log("Reading the message tells you what failed")Seguir la cadena de llamadas
Al leer hacia abajo, reconstruye la secuencia: qué función llamó a cuál hasta llegar a la línea que falló.
Su código frente al código de una biblioteca
Las trazas suelen incluir marcos de bibliotecas. Concéntrese en el marco superior que pertenezca a sus propios archivos fuente, ya que normalmente ahí se encuentra la solución.
Trazas de pila asíncronas
Las DevTools modernas enlazan las llamadas asíncronas y muestran el contexto de origen de una promesa o un temporizador, de modo que la traza no se interrumpe en ese límite.
Generar una traza manualmente
console.trace imprime la pila de llamadas actual sin lanzar un error, lo que ayuda a ver cómo se llegó hasta una función.
function inner() {
console.trace("reached inner")
}
function outer() {
inner()
}
outer()Propiedad stack de Error
Un objeto Error contiene una propiedad stack con la traza en forma de texto, que puede registrar o enviar a un servicio de informes de errores.
const err = new Error("Something failed")
console.log(typeof err.stack)Código minimizado y mapas de origen
El código de producción suele estar minimizado, lo que hace que las trazas sean difíciles de interpretar. Los mapas de origen traducen las posiciones del código minimizado a sus archivos originales para generar trazas legibles.
De la traza a la solución
Combine el mensaje, el marco superior de su código y el número de línea para localizar el error. Después, inspeccione las variables en ese punto para confirmar la causa.
Comprobación rápida
Compruebe sus conocimientos sobre las trazas de pila.
Resumen
Resumen: Las trazas de pila revelan el recorrido hasta un error.
- El marco superior es el lugar donde se lanzó el error
- Los marcos inferiores corresponden a las funciones que hicieron las llamadas
- Concéntrese en el marco superior que pertenezca a su propio código
- Los mapas de origen hacen legibles las trazas del código minimizado
const err = new Error("fail")
console.log(typeof err.stack)Preguntas frecuentes
¿La lección «Lectura de trazas de pila» es gratis?
Sí — el texto completo de «Lectura de trazas de pila» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Lectura de trazas de pila»?
Rastree los errores hasta su origen. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.
¿Cuánto tiempo toma la lección «Lectura de trazas de pila»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Más allá de console.log
- Establecimiento de puntos de interrupción
- Ejecución paso a paso del código
- Lectura de trazas de pila