JavaScriptの非同期/待機関数

Promiseオブジェクトは、非同期操作の最終的な完了（または失敗）とその結果の値を表します。 Asyncawait関数と演算子はpromiseで動作します。

非同期/待機関数は、舞台裏で非同期タスクを実行しながら、完全に同期しているように見えるコードを作成するのに役立ちます。

たとえば、promise-

// Promise that resolves to 100 after 2sec
function getHundred() {
   return new Promise(resolve => {
      setTimeout(() => {
         resolve(100);
      },    2000);
   });
}

これを関数で使用したいのですが、戻り値を待つ必要があります。コールバックを使用して、次の方法でこれを行うことができます-

function useGetHundred() {
   getHundred().then((value) => {
      console.log(value);
   })
}

ただし、返されたデータに対して実行するコールバックを不必要に作成する必要があります。代わりに、async awaitを使用して、このコードを簡略化できます-

例

// Declare an async function. When this function is called, it'll also return a Promise
// But inside this function any async calls can be made synchronous using await keyword
async function useGetHundredAsync() {
   // wait for the getHundred promise to resolve then store its value in value.
   let value = await getHundred();
   console.log(value)
}

出力

100