Async/Await

Las funciones async y await son características de JavaScript que simplifican y mejoran la legibilidad del código asíncrono. Este post te guiará a través de qué son, cómo se utilizan y cómo pueden hacer que el manejo de operaciones asíncronas sea más claro y conciso.

¿Qué son async y await?

Las palabras clave async y await fueron introducidas en ECMAScript 2017 (también conocido como ES8) para facilitar la escritura de código asíncrono en JavaScript.

• async: Se utiliza para declarar que una función retornará una promesa y permite el uso de await dentro de la función.

• await: Se utiliza dentro de una función declarada con async y pausa la ejecución de la función hasta que la promesa se resuelva. Permite trabajar con promesas de manera síncrona.

Uso Básico

// Función asincrónica con await
function obtenerDatos() {
  // Simulación de una operación asíncrona
  return new Promise(resolve => {
    setTimeout(() => resolve('Datos obtenidos'), 2000);
  });
}

// Uso de la función asincrónica
async function procesoPrincipal() {
  try {
    const datos = await obtenerDatos();
    console.log(datos);
    // Resto del código que depende de 'datos'
  } catch (error) {
    console.error('Error:', error);
  }
}

// Llamada a la función principal
procesoPrincipal();

En este ejemplo, obtenerDatos es una función asincrónica que retorna una promesa después de simular una operación asíncrona. La función procesoPrincipal utiliza await para esperar a que obtenerDatos se resuelva antes de continuar con el resto del código. Esto mejora la legibilidad y la estructura del código.