Detaillierte Einführung in die Funktion console.time() in JavaScript_Javascript-Kenntnissen

Wenn Sie den Zeitpunkt wissen müssen, zu dem der Code während des Web-Debuggings ausgeführt wird, können Sie die Ausführung des Programms zeitlich festlegen, indem Sie console.time()-Anweisungen und console.timeEnd()-Anweisungen im JavaScript-Code hinzufügen. Nehmen Sie als Beispiel die folgende lange foo()-Funktion:

Code kopieren Der Code lautet wie folgt:

Funktion foo(){
var x = 4,237;
var y = 0;
für (var i=0; i<100000000; i ) {
y = y x*x;
}
Gib y;
zurück }

Wenn Sie wissen möchten, wie lange die Ausführung einer Funktion dauert, können Sie eine console.time()-Anweisung vor dem foo()-Funktionsaufruf und eine console.timeEnd()-Anweisung nach dem Ende des Aufrufs einfügen:

Code kopieren Der Code lautet wie folgt:

console.time("test");
foo();
console.timeEnd("test");

Nachdem das Programm ausgeführt wurde, zeigt die Konsole das Ergebnis dieser Zeitmessung an: „Test: 1797 ms“, und die angezeigte Protokollebene ist „Info“.

console.time() und console.timeEnd() akzeptieren eine Zeichenfolge als Parameter, die der Timing-ID entspricht. Der Browser koppelt console.time() mit demselben Parameter (id) und console.timeEnd() und zeichnet den Zeitunterschied zwischen beiden auf. Daher ist es möglich, verschiedene Stellen in einem JavaScript-Programm durch die Verwendung unterschiedlicher IDs zeitlich festzulegen.

Browser-Unterstützung

Für jeden Browser ist die Timing-Unterstützung von console.time() wie folgt:

Firefox. Native Unterstützung nach 10.0. Bei früheren Versionen von Firefox kann dies durch die Installation des Firebug-Plug-Ins erreicht werden. Einzelheiten finden Sie unter: https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM/console.time
Google Chrome. Native Unterstützung nach 2.0. Einzelheiten finden Sie unter: https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel
dh. Wird nativ in IE11 unterstützt. Bei früheren IE-Versionen kann dies durch die Installation von Firebug Lite erreicht werden. Einzelheiten finden Sie unter: http://msdn.microsoft.com/en-us/library/ie/dn265071(v=vs.85).aspx
Safari. Native Unterstützung nach 4.0. Einzelheiten finden Sie unter: https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html
Oper. Unterstützung. Einzelheiten finden Sie unter: http://www.opera.com/dragonfly/documentation/console/