Saltar al contenido principal

Métodos asíncronos

  • Es un metodo o funcion normal
  • Puede estar dentro de una class

async​

Async notifica cuando se resuelve y devuelve un promise pero sigue ejecutando el método o función, y se puede utilizar sin el await.

  • PromiseState fulfilled es el estado de la promesa
  • PromiseResult es la respuesta o resultado de la promesa

await​

Await detiene la ejecución de la función hasta que obtiene una respuesta, solo se puede utilizar dentro de una funcion async.

  async getVideoPromocional() {
    // const resp =
    const { data } = await axios.get("https://pokeapi.co/api/v2/pokemon/4");
    console.log(data.sprites);
    return data.sprites;
  }

Tipar respuesta o data de Axios​

1. Convertir de JSON a TS como interface​

Utilizando Paste JSON as Code en VSCode o en quicktype.io

interfaces/pokeapi-response.interface.ts
// codigo generado

2. Importar en la función o método​

  async getVideoPromocional(): Promise<Sprites> {
    const { data } = await axios.get<PokeapiResponse>(
      "https://pokeapi.co/api/v2/pokemon/4"
    );
    return data.sprites;
  }