async await 構文シュガーの基本的な使用法

async/awaitこれは、非同期操作を処理するための構文糖であり、同期コードと同様の方法で非同期コードを作成できます。

async/await以下は、非同期関数を処理するために使用する方法を示す例です。

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

上記の例では、fetchData関数はオブジェクトを返しPromise、キーワードは関数の結果を待つためにgetData関数内で使用されます。完了して結果が返されたら、結果を変数に代入します。awaitfetchDatafetchDataresult

awaitこれはasync関数内で使用する必要があることに注意してください。非同期操作が完了して結果が返されるまで、関数の実行が一時停止されます。

awaitこれは関数内でのみ使用できるため、非同期関数を呼び出す名前asyncの関数を定義することに注意してください。getDataasync

出力結果:

Start
Data fetched successfully
End

await使用する関数は、定義する前に関数としてマークする必要があることに注意してくださいasync。