El uso básico de async espera azúcar sintáctico

async/awaitEs un azúcar sintáctico para manejar operaciones asincrónicas, que le permite escribir código asincrónico de forma similar al código sincrónico.

A continuación se muestra un ejemplo que muestra cómo utilizar async/awaitpara manejar una función asincrónica:

// 定义一个异步函数
async function fetchData() {
    
    
  // 模拟一个异步操作，返回一个 Promise
  return new Promise((resolve) => {
    
    
    setTimeout(() => {
    
    
      resolve('Data fetched successfully');
    }, 2000);
  });
}

// 调用异步函数
async function getData() {
    
    
  console.log('Start');
  
  // 使用 await 等待异步函数的结果，并将结果赋值给变量
  const result = await fetchData();
  
  console.log(result);
  console.log('End');
}

// 调用异步函数
getData();

En el ejemplo anterior, fetchDatala función devuelve un Promiseobjeto y la palabra clave getDatase usa en la función para esperar el resultado de la función. Cuando complete y devuelva el resultado, asigne el resultado a una variable .awaitfetchDatafetchDataresult

Tenga en cuenta que awaitdebe asyncusarse dentro de una función, pausará la ejecución de la función hasta que se complete la operación asincrónica y se devuelva el resultado.

Cabe señalar que awaitsolo se puede asyncusar en funciones, por lo que definimos una función nombrada getDatapara asyncllamar a la función asincrónica.

Resultado de salida:

Start
Data fetched successfully
End

Cabe señalar que awaitlas funciones utilizadas deben marcarse como funciones antes de definirlas async.