。
この記事では、JavaScript の「console.time()」メソッドの仕組みと使用法について説明します。
JavaScript での「console.time()」メソッドは何をしますか?
” console.time() 」メソッドは、操作または関数の実行時間を追跡します。指定された JavaScript 操作の継続時間を計算するタイマーを開始し、最終的に「 console.timeEnd() ' 方法。
構文
コンソール。 時間 ( ラベル )
「console.time()」はオプションの「 ラベル ” オペレーション名を指定する引数。各操作を簡単に識別できるように、「console.time()」メソッドを複数回使用することをお勧めします。
HTMLコード
次の HTML コードを実行します。
< h2 > コンソール。 時間 ( ) 方法 JavaScriptで h2 >< p > コンソールを開く ( F12 ) 実行を確認するには 時間 p >
上記のコード スニペットでは次のようになります。
- ” ” タグは、指定されたステートメントを表示する小見出しを作成します。
- ” ”タグで段落を指定します。
ノート: 上記の HTML コードは記事全体にわたって続きます。
例 1: 「console.time()」メソッドを適用してコード機能の実行時間を分析する (「for」ループ)
この例では、「 console.time() ”メソッドは、定義された”の実行時間を取得するために使用されます。 ために ” JavaScript のループ。
JavaScript コード
以下のコード行を考えてみましょう。
< 脚本 >コンソール。 時間 ( 「forループ」 ) ;
ために ( ある = 0 ; ある < 1000 ; ある ++ ) {
}
コンソール。 時間終了 ( 「forループ」 ) ;
脚本 >
上記のコード ブロックでは次のようになります。
- 「」を指定してください console.time() 「ラベルを持つメソッド」 for ループ 」を定義した「for」ループの先頭に置きます。
- その後、「 ために 」ループが初期化され、1000 回反復されます。
- 最後に、「 console.timeEnd() 」メソッドが定義されており、タイマーを停止し、「for」ループの合計実行時間を表示します。
出力
ご覧のとおり、コンソールには「for」ループの合計実行時間がミリ秒 (ms) 単位で表示されます。
例 2: 「console.timeEnd()」メソッドを適用してループの実行時間を比較する
この例では、「 console.time() 」メソッドを使用すると、複数の操作、つまり実行時間を「ループ」して比較することができます。
JavaScript コード
次の JavaScript コードの概要:
< 脚本 >コンソール。 時間 ( 「最初の for ループ」 ) ;
ために ( にいた = 0 ; 私 < 1000 ; 私 ++ ) {
}
コンソール。 時間終了 ( 「最初の for ループ」 ) ;
コンソール。 時間 ( 「2回目のforループ」 ) ;
ために ( ある = 0 ; ある < 2000年 ; ある ++ ) {
}
コンソール。 時間終了 ( 「2回目のforループ」 ) ;
脚本 >
上記のコードでは次のようになります。
- まず「」を指定します。 console.time() 「最初に初期化されたタイマーを開始するメソッド」 ために 』のループ。
- 次のステップでは、最初の「for」ループが初期化されます。
- その後、「」を添付してください。 console.timeEnd() 」メソッドを使用して、合計実行時間を取得するためのタイマーを停止します。
- 次に、後者のループに再度「console.time()」メソッドが適用され、同様に「console.timeEnd()」メソッドでタイマーが停止されます。
出力
分析すると、コンソールには初期化された両方の「for」ループの合計実行時間が表示され、それらが比較されます。
結論
JavaScript には組み込みの「 console.time() 」メソッドはタイマーを開始し、指定されたコード機能の継続時間を計算します。これは、操作の実行時間の比較やテストの目的に役立ちます。タイマーが開始されると、「console.timeEnd()」メソッドを使用して停止します。
このガイドでは、JavaScript の「console.time()」メソッドの仕組みと使用法について説明しました。