ES6のawaitとasyncの使い方はどうですか？

2年 ago
優斗, 朝陽
1 minute

ES6において、awaitとasyncは非同期操作を処理するためのキーワードです。

asyncキーワードは、Promiseオブジェクトを返す非同期関数を定義するために使用されます。例えば、

async function fetchData() {
  // 异步操作
  return result;
}

awaitキーワードは、Promiseオブジェクトを返す式の結果を待つために使用される。この式は非同期関数の呼び出し、Promiseオブジェクト、またはPromiseオブジェクトを返す任意の式である。awaitキーワードを使用する際には、それをasync関数の中に配置する必要がある。例：

async function fetchData() {
  const result = await fetch('https://api.example.com/data');
  console.log(result);
}

上記の例をご覧のように、fetchData関数は非同期関数であり、fetch関数が返すPromiseオブジェクトの結果を待つためにawaitキーワードを使用しています。

awaitキーワードを使用すると、コードの実行が一時停止し、非同期操作が完了して結果が返されるまで待ちます。これにより、awaitキーワードを使用して非同期コードを同期的に記述することができます。

同時、awaitキーワードはasync関数内でしか使用できず、それ以外の場合はエラーが発生します。

また、awaitキーワードの後に書かれた式は非同期処理のエラーをキャッチし、try/catch文を使用してエラー処理を行うことができます。

総括すると、asyncキーワードは非同期関数を定義するために使用され、awaitキーワードは非同期操作の結果を待機し、非同期コードを同期的に書くために使用されています。

bannerAds