O uso básico de async aguarda açúcar sintático

async/awaitÉ um açúcar sintático para lidar com operações assíncronas, que permite escrever código assíncrono de maneira semelhante ao código síncrono.

Aqui está um exemplo que mostra como usar async/awaitpara lidar com uma função assíncrona:

// 定义一个异步函数
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();

No exemplo acima, fetchDataa função retorna um Promiseobjeto e a palavra-chave getDataé usada na função para aguardar o resultado da função. Ao concluir e retornar o resultado, atribua o resultado a uma variável .awaitfetchDatafetchDataresult

Observe que awaitdeve asyncser utilizado dentro de uma função, pois irá pausar a execução da função até que a operação assíncrona seja concluída e o resultado seja retornado.

Deve-se observar que awaitsó pode asyncser usado em funções, por isso definimos uma função chamada getDatapara asyncchamar a função assíncrona.

Resultado de saída:

Start
Data fetched successfully
End

Deve-se observar que awaitas funções utilizadas devem ser marcadas como funções antes de serem definidas async.