TypeScript al Rescate: Gestiona Errores Comunes de Forma Inteligente

Gestionar errores de forma ineficaz puede complicar el mantenimiento del código y crear bugs difíciles de rastrear.

El truco

Antes

function fetchData(url: string): any {
  try {
    // Imaginemos que fetch es una función que lanza un error en caso de fallo
    let response = fetch(url);
    return response.json();
  } catch (error) {
    console.error(`Error al obtener datos: ${error}`);
    return null;
  }
}

Después

function fetchData(url: string): Promise<any> {
  return fetch(url)
    .then(response => response.json())
    .catch(error => {
      console.error(`Error al obtener datos: ${error}`);
      throw new Error(`Fetch error: ${error}`);
    });
}

Utiliza promesas y el tipado de TypeScript para manejar errores de una forma más clara y segura. Al devolver una promesa, se ofrece un flujo de manejo de errores más predecible. Además, lanzando un nuevo error dentro del catch, se permite que el error pueda ser gestionado más arriba en la cadena de promesas o por quien haya llamado a la función.

La forma correcta de gestionar errores no solo hace que el código sea más legible, sino también más robusto y mantenible.