JavaScript における関数実行時間の測定

はじめに

この実験では、JavaScriptを使って関数の実行にかかる時間を測定する方法を探ります。関数の開始時刻と終了時刻の差を測定し、実行にどのくらいの時間がかかったかを判断するために、console.time() と console.timeEnd() メソッドを使用します。このスキルは、Web開発におけるコードの最適化とパフォーマンスの向上に役立ちます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL 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/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28647{{"関数の実行にかかる時間"}} javascript/data_types -.-> lab-28647{{"関数の実行にかかる時間"}} javascript/arith_ops -.-> lab-28647{{"関数の実行にかかる時間"}} javascript/comp_ops -.-> lab-28647{{"関数の実行にかかる時間"}} javascript/debugging -.-> lab-28647{{"関数の実行にかかる時間"}} end

関数の実行にかかる時間の測定

関数の実行にかかる時間を測定するには、console.time() と console.timeEnd() を使って開始時刻と終了時刻の差を求めます。

次に、コールバック関数の実行にかかる時間を測定する timeTaken という関数の例を示します。

const timeTaken = (callback) => {
  console.time("timeTaken");
  const result = callback();
  console.timeEnd("timeTaken");
  return result;
};

この関数を使用するには、コールバックを引数として渡します。たとえば：

timeTaken(() => Math.pow(2, 10)); // Returns 1024, and logs: timeTaken: 0.02099609375ms

上記の例では、timeTaken 関数を使って Math.pow(2, 10) 関数呼び出しの実行にかかる時間を測定しています。この関数呼び出しは 1024 を返します。コンソール出力には、ミリ秒 (ms) で測定された時間が表示されます。

まとめ

おめでとうございます！関数の実行にかかる時間の実験を完了しました。スキルを向上させるために、LabExでさらに多くの実験を行って練習してください。