Async Await

<aside> 💡 Usando la estructura de un función ordinaria pero en su sintaxis usando la palabras async and await.

</aside>

Clase

December 14, 2022 11:30 AM (CST)

Aportes

• Función async | MDN
• Video YT | Carlos Azaustre
• Fuente | Comentario

**ECMAScript |** [21. **ES8: Funciones Asíncronas**](<https://pogolo.notion.site/21-ES8-Funciones-As-ncronas-3b27e1c6a6134af8b99ff399f9c37fc8>)

• a

• Code of the class

Funciones Asíncronas

¿Qué es?

La declaración de función async define una función asíncrona que devuelve un objeto, lo cual permite a un programa correr una función sin congelar todo la compilación. Dada que la finalidad de las funciones async/await es simplificar el comportamiento del uso síncrono de promesas, se hace más fácil escribir promesas.

Tipos Funciones Asíncronas

Declaración de funciones asíncronas.

La función asíncrona se crea mediante la palabra reservada async y retorna una promesa.

async function asyncFunctionName () {...} //Función Declarativa

//Me falta una función anómnima | No la encuentro

const asyncFunctionName = async () => { ... } //Función Flecha 

**Para identificar una función asíncrona**. 

Estructura

Se compone por las palabras reservadas async y await

1. La palabra async antes de la función (digamos durante la construcción), hace que la función devuelva una promesa.
2. La palabra await se utiliza dentro (digamos dentro de la lógica) de las funciones async, lo que hace que el programa espere hasta que la variable (promesa) se resuelva para continuar.

const asyncFunctionName = **async** () => { //Async haciendo que la función sea asíncrona
	const something = **await** promiseName();//Await esperando la resolución de una Promeasa
	  more logic ...
}

Explicando el ejemplo de la Clase

• Ir a VSC, crear dentro de la carpeta src una carpeta llamada async. En la ruta src/async crear el archivo index.js

Dentro del archivo index.js, se crea la promesa y luego se valida si la promesa se resolverá, también se hace el llamado de la misma y luego se busca mostrar como se desenvuelve con await.

Haremos una promesa y con está queremos validarla que será resuelta y luego haremos el llamado de está para ver como se desenvuelve el concepto de await y como fluerá el flujo del proyecto sin interrumpirla.

En el ejemplo se usa el if ternario..