2

Creacion de una Fetch API (Async)

Vamos a crear una funcion de petición GET a la PokeApi, para ello crearemos la funcion asincrona con manejos de errores con JavaScript.

comencemos creando la funcion async:

// Creamos la funcion asincrona con parametro vacío, en este ejemplo vamos a obtener un listados de todos los pokemon que existen en la APIasyncfunctiongetPokemonData() {

	// manejamos los errores con el bloque de TRY CATCHtry {
	// Declaramos la direccion HTTP a donde realizaremos la consulta a la API (Aca obtendremos la lista en forma de objeto de todos los pokemon disponibles.)consturl = `https://pokeapi.co/api/v2/pokemon?limit=100000&offset=0`;
	// Esperamos que la API nos de la respuesta con awaitconst response = await fetch(url);
	// Manejamos la respuesta de la API con las condicionales, si responde (status ok) nos va a devolver la data solicitadaif (response.ok) {
	// Pasamos la respuesta a formato json donde podamos acceder a sus propiedades como un objeto.const pokemonData = await response.json();
	// Se imprime por consola la respuesta en formato .jsonconsole.log(pokemonData);
      } else {
	// si la respuesta no es correcta nos devuelve el siguiente mensaje.
        thrownewError('Network response was not ok.');
      }
    } catch(error) {
	// Si la API nos devuelve un error en la respuesta, nos va a imprimir por consola el status con el codigo devuelto por la api.console.error('There was a problem with the fetch operation:', error);
    }
  }
  // Llamamos a la funcion y se nos mostrara por consola un objeto con 1279 pokemon existente en la API.
  getPokemonData();

De esta forma tenemos un funcion de peticion GET a la PokeApi, con manejo de errores y buenas practicas…

Comentame que tal te parecio?? y como podrias mejorar esta funcion???

Escribe tu comentario
+ 2