Aprende Conceptos Básicos de Depuración

Desliza para mostrar el menú

La depuración es una habilidad fundamental para cualquier desarrollador de JavaScript. Al escribir y ejecutar código, se presentarán diversos errores. Comprender cómo leer los mensajes de error y conocer los errores más comunes ayudará a resolver problemas rápidamente y mantener el avance de los proyectos.

Los errores más frecuentes en JavaScript incluyen:

Errores de sintaxis: ocurren cuando la estructura del código es incorrecta, como la falta de paréntesis o llaves;
Errores de referencia: suceden cuando se intenta usar una variable que no ha sido declarada o está fuera de alcance;
Errores de tipo: ocurren cuando un valor se utiliza de manera inesperada, como intentar llamar una función sobre algo que no es una función.

Cuando ocurre un error, la consola del navegador mostrará un mensaje de error. Este mensaje usualmente incluye el tipo de error, una breve descripción y el número de línea donde se detectó el problema. Lea siempre estos mensajes con atención; son la primera pista para resolver cualquier inconveniente.


              1234567891011121314151617181920212223
            
// Example: Debugging with console.log and breakpoints

function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    // Add a console.log to inspect each item
    console.log("Item at index", i, ":", JSON.stringify(items[i]));
    total += items[i].price; // Potential error if items[i] is missing 'price'
  }
  return total;
}

const cart = [
  { name: "Book", price: 12 },
  { name: "Pen", price: 2 },
  { name: "Notebook" } // Missing price property
];

const total = calculateTotal(cart);
console.log("Total:", total);

// To debug further, set a breakpoint on the line inside the loop in your browser's developer tools.
// Step through the code to watch how 'total' and 'items[i]' change with each iteration.

Para depurar de manera efectiva, siga un enfoque sistemático:

Reproduzca el error de forma consistente para poder observarlo mientras prueba soluciones;
Lea el mensaje de error y tome nota del nombre del archivo y el número de línea;
Utilice console.log para imprimir valores y rastrear el flujo de su código;
Establezca puntos de interrupción en las herramientas de desarrollo del navegador para pausar la ejecución e inspeccionar variables;
Cambie solo una cosa a la vez y pruebe después de cada cambio para aislar el problema;
Preste atención a errores comunes como errores tipográficos, errores de desbordamiento en bucles o propiedades faltantes en objetos.

Al practicar estas técnicas, aumentará la confianza y eficiencia para encontrar y corregir errores en su código JavaScript.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 1. Capítulo 18

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 1. Capítulo 18