Manejo de errores en JavaScript: try, catch y throw

Cuando JavaScript encuentra un error que nadie maneja, el script se detiene ahí mismo. Todo lo que venía después de esa línea no se ejecuta nunca.

<script>
  console.log("Esto se ve");

  const datos = JSON.parse("esto no es JSON válido");   // explota acá

  console.log("Esto nunca se ve");
</script>

try envuelve el código que podría fallar. Si algo dentro explota, catch lo atrapa —con el error como argumento— y el programa sigue vivo en vez de morir ahí.

<script>
  console.log("Esto se ve");

  try {
    const datos = JSON.parse("esto no es JSON válido");
    console.log("Esto no se alcanza a ejecutar");
  } catch (error) {
    console.log("Algo falló:", error.message);
  }

  console.log("¡Y esto sí se ve! El programa siguió.");
</script>

No todos los errores vienen del navegador. Con throw puedes lanzar uno tú mismo cuando tu propia lógica detecta que algo no tiene sentido —por ejemplo, un dato que nunca debería ser negativo—.

<script>
  function comprarVidas(cantidad) {
    if (cantidad <= 0) {
      throw new Error("La cantidad de vidas debe ser mayor a cero");
    }
    console.log("Compraste " + cantidad + " vida(s)");
  }

  try {
    comprarVidas(3);
    comprarVidas(-1);     // esto lanza el error de arriba
  } catch (error) {
    console.log("No se pudo comprar:", error.message);
  }
</script>

La primera llamada funciona bien. La segunda entra al if, hace throw, y ese error viaja hasta el catch más cercano —da igual cuántas funciones haya en el medio—.

finally se ejecuta siempre, haya fallado algo o no. Sirve para cosas que tienen que pasar de todas formas —como ocultar un mensaje de "cargando"—.

<script>
  function procesar(texto) {
    console.log("Cargando...");
    try {
      const datos = JSON.parse(texto);
      console.log("Datos:", datos);
    } catch (error) {
      console.log("Error:", error.message);
    } finally {
      console.log("Listo (esto sale siempre)");
    }
  }

  procesar('{"nombre":"Ana"}');   // funciona
  procesar("texto raro");         // falla, pero igual llega a finally
</script>

try/catch para que un error no rompa todo el programa, throw para lanzar tus propios errores, y finally para lo que debe pasar sí o sí.

Con esto tus programas pueden fallar sin morir. Ya tienes todas las piezas del lenguaje: lo que sigue es usarlas para cosas más grandes.

Manejo de errores

Error handling