Qué es una función asíncrona en JavaScript

Vista previa del material en texto

¿Qué es una función asíncrona en JavaScript? 
 
Una función asíncrona en JavaScript es una función que permite escribir código 
asincrónico de manera más sencilla y legible utilizando la sintaxis async/await. Este 
tipo de función se identifica por la palabra clave async antes de la palabra reservada 
function, como en async function miFuncion() { ... }. 
La principal característica de una función asíncrona es que puede contener operaciones 
asincrónicas (como solicitudes a servidores, lectura/escritura de archivos, etc.) sin 
bloquear la ejecución del programa. Cuando una función asíncrona se llama, devuelve 
una Promesa, que puede ser resuelta o rechazada, dependiendo de si la función se 
ejecuta con éxito o falla. 
Dentro de una función asíncrona, podemos utilizar la palabra clave await antes de una 
expresión que devuelve una Promesa. El operador await pausará la ejecución de la 
función hasta que la Promesa sea resuelta o rechazada. Mientras se espera la resolución 
de la Promesa, la función puede continuar con otras tareas en lugar de bloquear la 
ejecución. 
Aquí hay un ejemplo sencillo que muestra cómo usar una función asíncrona con await: 
javascriptCopy code 
function espera(ms) { 
 return new Promise(resolve => setTimeout(resolve, ms)); 
} 
 
async function ejemploAsincrono() { 
 console.log('Inicio de la función'); 
 await espera(2000); // Espera 2 segundos (2000 ms) 
 console.log('Después de 2 segundos'); 
} 
 
ejemploAsincrono(); 
console.log('Fin del programa'); 
 
En este ejemplo, la función ejemploAsincrono es una función asíncrona que utiliza 
await para esperar 2 segundos antes de imprimir el mensaje "Después de 2 segundos". 
Mientras espera esos 2 segundos, el programa continúa ejecutándose y muestra "Fin del 
programa" antes de que se complete la espera. 
Es importante tener en cuenta que solo se puede utilizar await dentro de una función 
asíncrona. Si intentamos utilizarlo fuera de una función asíncrona, se producirá un error 
de sintaxis. 
Las funciones asíncronas en JavaScript son una forma más elegante y legible de manejar 
código asincrónico en comparación con el uso de callbacks o Promesas directamente. 
Ayudan a simplificar el flujo de control y a reducir la complejidad del código en 
situaciones en las que es necesario esperar resultados asincrónicos antes de continuar 
con otras tareas.