JavaScript における非同期関数の実行を遅延させる

はじめに

この実験では、JavaScript において非同期関数の実行を遅延させる方法を探ります。sleep 関数を使用して Promise を返すことで、async 関数の一部を一定時間休止させることができ、コードの実行の制御と管理をより良く行うことができます。実際の例を通じて、この技術を現実のシナリオで効果的に実装する方法を学びます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("Asynchronous Programming") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28270{{"非同期関数の実行を遅延させる"}} javascript/data_types -.-> lab-28270{{"非同期関数の実行を遅延させる"}} javascript/comp_ops -.-> lab-28270{{"非同期関数の実行を遅延させる"}} javascript/loops -.-> lab-28270{{"非同期関数の実行を遅延させる"}} javascript/functions -.-> lab-28270{{"非同期関数の実行を遅延させる"}} javascript/async_prog -.-> lab-28270{{"非同期関数の実行を遅延させる"}} javascript/debugging -.-> lab-28270{{"非同期関数の実行を遅延させる"}} end

JavaScript における非同期関数の実行を遅延させる方法

JavaScript において非同期関数の実行を遅延させるには、以下の sleep 関数を使用できます。この関数は一定時間経過後に解決する Promise を返します。以下は、sleep を使って async 関数の一部の実行を遅延させる方法の例です。

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

async function sleepyWork() {
  console.log("I'm going to sleep for 1 second.");
  await sleep(1000);
  console.log("I woke up after 1 second.");
}

この関数を使用するには、単に sleepyWork() を呼び出します。そうすると、コンソールにはメッセージが表示され、それらの間に 1 秒間の遅延があります。

まとめ

おめでとうございます！あなたは非同期関数の実行を遅延させる実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を練習できます。