Debugging y manejo de errores

Dentro de JavaScript los errores van a ser tus mejores amigos, por lo que debes aprender a lidiar con estos mediante técnicas como el debugging.

Debugging es el proceso de encontrar y corregir errores en el código. Es una parte importante del desarrollo de software y es esencial para garantizar que el código funcione correctamente. En JavaScript, hay varias herramientas y técnicas disponibles para ayudar en el debugging y manejo de errores.

Una de las herramientas más comunes para manejar errores en JavaScript es el bloque try-catch. Este bloque permite ejecutar código que podría generar un error, y capturar ese error en caso de que ocurra. Por ejemplo:

try {
  //Código que podría generar un error
} catch (error) {
  //Código que se ejecuta si ocurre un error
  console.log(error);
}

El bloque try-catch permite ejecutar código que podría generar un error de forma segura, y capturar el error para poder manejarlo de manera adecuada. Por ejemplo, si se está tratando de dividir un número por cero, se puede capturar el error y mostrar un mensaje de error al usuario en lugar de tener que detener el programa.

La forma más común de manejar errores es a través de la sentencia throw new Error.

La sentencia throw se utiliza para generar una excepción o error en tiempo de ejecución, y new Error crea un nuevo objeto de error con un mensaje personalizado. Este mensaje es útil para proporcionar información sobre el error y para facilitar la solución de problemas.

Aquí hay un ejemplo de código que muestra cómo utilizar throw new Error para generar un error y capturarlo con un bloque try-catch:

try {
  const num = 100;
  if (num > 50) {
    throw new Error("El número es mayor a 50");
  }
} catch (error) {
  console.error(error.message);
}

En este ejemplo, si el número num es mayor a 50, se lanzará una excepción con el mensaje "El número es mayor a 50". El bloque catch capturará el error y lo imprimirá en la consola.

Es importante tener en cuenta que el manejo de errores con throw new Error solo se recomienda para errores en tiempo de ejecución y no para errores de sintaxis.

Otra herramienta útil para el debugging en JavaScript es el comando "debugger". Este comando se utiliza para detener la ejecución del código en un punto específco, lo que permite inspeccionar variables y entender el estado del programa en ese momento. Por ejemplo:

let numero = 5;
debugger;
let resultado = numero / 2;

En este ejemplo, la ejecución del código se detiene en la línea con "debugger" y se pueden inspeccionar las variables y entender el estado del programa en ese momento (puedes ejecutar este código desde la consola del navegador y ver que pasa 👀).

La consola de JavaScript también es una herramienta útil para el debugging. La consola proporciona varios comandos para inspeccionar el código y entender el estado del programa. Por ejemplo, el comando "console.log()" permite imprimir valores en la consola para inspeccionarlos, el comando "console.table()" permite ver los valores de un objeto o array en forma de tabla, entre otros.

Todo esto y más lo puedes aprender en el Curso de Closures y Scope en JavaScript