JavaScriptでのsettimeoutとawaitの使用方法

まず、settimeout関数を使用して非同期的なコードの遅延実行を行う例を見てみましょう。

function delayedExecution() {
  console.log('このコードは遅延実行されます。');
}
setTimeout(delayedExecution, 3000); // 3秒後に実行

上記の例では、setTimeout関数を使用してdelayedExecution関数を3秒後に実行しています。このように、一定の時間の経過後に関数を実行したい場合にsettimeoutを使用します。

次に、awaitキーワードを使用して非同期関数内で他の非同期処理の完了を待つ例を見てみましょう。

function fetchData() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('データの取得が完了しました。');
    }, 2000);
  });
}
async function getData() {
  console.log('データの取得を開始します。');
  const result = await fetchData();
  console.log(result);
  console.log('データの取得が完了しました。');
}
getData();

上記の例では、fetchData関数が2秒後に非同期に解決するPromiseを返しています。getData関数内でawaitキーワードを使用してfetchData関数の完了を待ち、その後のコードを実行しています。このように、非同期関数内でawaitを使用することで、他の非同期処理の完了を待つことができます。

以上がJavaScriptでsettimeoutとawaitを使用する方法の例です。これらのコード例を使用することで、非同期処理をより効果的に制御することができます。