Curso javascript nivel medio

En JavaScript, la estructura try...catch se utiliza para manejar errores que ocurren durante la ejecución de un bloque de código. Esto permite que el programa continúe funcionando incluso si se produce un error, en lugar de detenerse abruptamente.

El uso de try...catch es fundamental para manejar errores de manera adecuada y evitar que detengan la ejecución de tu programa.

¿Cómo funciona try...catch?

La estructura try...catch se divide en dos bloques principales:

  1. try: Contiene el código que podría generar un error.
  2. catch: Se ejecuta si ocurre un error en el bloque try. Aquí es donde puedes manejar el error y decidir qué hacer a continuación.

Sintaxis básica:

1try {
2  // Código que puede lanzar un error
3} catch (error) {
4  // Código para manejar el error
5}
  • try: Intenta ejecutar el código dentro de este bloque.
  • catch: Captura cualquier error que ocurra en el bloque try y lo maneja. La variable error contiene información sobre el error que ocurrió.

Ejemplo básico

Supongamos que intentamos ejecutar un código que puede causar un error, como intentar acceder a una propiedad de una variable undefined:

1try {
2  let resultado = valor + 1;
3} catch (error) {
4  console.log("Ocurrió un error: " + error.message);
5}
Salida de Consola!:
Ocurrió un error: valor is not defined

En este ejemplo:

  • El bloque try intenta ejecutar valor + 1.
  • Dado que valor no está definida, se produce un error.
  • El bloque catch captura el error y muestra un mensaje en la consola: "Ocurrió un error: valor is not defined".

Uso de finally

Opcionalmente, puedes agregar un bloque finally después de catch. El código dentro de finally se ejecuta siempre, sin importar si ocurrió un error o no. Es útil para ejecutar código de limpieza, como cerrar conexiones o liberar recursos.

Sintaxis con finally:

1try {
2  // Código que puede lanzar un error
3} catch (error) {
4  // Código para manejar el error
5} finally {
6  // Código que se ejecuta siempre, ocurra o no un error
7}

Ejemplo con finally:

1try {
2  let resultado = 10 / 0; // No causa error, pero resultado es Infinity
3} catch (error) {
4  console.log("Ocurrió un error: " + error.message);
5} finally {
6  console.log("Este código se ejecuta siempre.");
7}
Salida de Consola!:
Ocurrió un error: 
Este código se ejecuta siempre.

En este ejemplo:

  • try intenta dividir 10 por 0. Aunque esto no lanza un error, resultado se convierte en Infinity.
  • No se ejecuta el bloque catch porque no hay un error real.
  • El bloque finally se ejecuta de todos modos, mostrando "Este código se ejecuta siempre." en la consola.

Resumen

  • try...catch se utiliza para manejar errores en JavaScript, evitando que los errores detengan la ejecución del programa.
  • El bloque try contiene el código que puede lanzar un error.
  • El bloque catch captura y maneja el error si ocurre.
  • finally es un bloque opcional que se ejecuta siempre, ocurra o no un error, útil para ejecutar tareas de limpieza.

El uso de try...catch es fundamental para hacer que tu código sea más robusto y para manejar de manera adecuada situaciones inesperadas que podrían causar errores en la ejecución de tu programa.

  • Loading...
  • Objetivo:

    Crea una función llamada dividir que acepte dos parámetros, un dividendo y un divisor. La función debe intentar realizar la división, pero lanzar un error si el divisor es 0, y manejar ese error usando try...catch.

    Instrucciones:

    1. Usa la estructura try...catch para intentar dividir dos números.
    2. Si el divisor es 0, devolverá el texto: No se puede dividir por cero.
    3. Devuelve el resultado o el mensaje de error.
    Loading...