Heim > Web-Frontend > js-Tutorial > Detaillierte Einführung in die Funktion console.time() in JavaScript_Javascript-Kenntnissen

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

WBOY
Freigeben: 2016-05-16 16:23:49
Original
1497 Leute haben es durchsucht

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/

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage