JavaScript_javascript スキルにおける console.time() 関数の詳細な紹介

Web デバッグ中にコードが実行される時間を知る必要がある場合は、JavaScript コードに console.time() ステートメントと console.timeEnd() ステートメントを追加することで、プログラムの実行時間を計測できます。次の長い foo() 関数を例として取り上げます:

コードをコピー コードは次のとおりです:

関数 foo(){
var x = 4.237;
var y = 0;
for (var i=0; i y = y x*x;
}
y を返します;
}

関数の実行にかかる時間を知る必要がある場合は、 foo() 関数呼び出しの前に console.time() ステートメントを挿入し、呼び出し終了後に console.timeEnd() ステートメントを挿入できます。

コードをコピー コードは次のとおりです:

console.time("テスト");
foo();
console.timeEnd("テスト");

プログラムの実行後、コンソールにはこのタイミングの結果「test: 1797ms」が表示され、表示されるログ レベルは info です。

console.time() および console.timeEnd() は、タイミング ID に相当する文字列をパラメーターとして受け入れます。ブラウザは、同じパラメータ (id) を持つ console.time() と console.timeEnd() をペアにして、2 つの間の時間差を記録します。したがって、異なる ID を使用すると、JavaScript プログラム内の異なる場所で時間を計測することができます。

ブラウザのサポート

各ブラウザの console.time() タイミング サポートは次のとおりです:

Firefox。 10.0以降はネイティブサポート。 Firefox の以前のバージョンの場合、これは Firebug プラグインをインストールすることで実現できます。詳細については、次を参照してください:

https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM/console.time グーグルクローム。 2.0以降はネイティブサポート。詳細については、
https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabelを参照してください。 つまり。 IE11ではネイティブにサポートされています。以前のバージョンの IE の場合、これは Firebug Lite をインストールすることで実現できます。詳細については、
http://msdn.microsoft.com/en-us/library/ie/dn265071(v=vs.85).aspxを参照してください。 サファリ。 4.0以降はネイティブサポート。詳細については、次を参照してください:
https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html オペラ。サポート。詳細については、
http://www.opera.com/dragonfly/documentation/console/を参照してください。