Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Einführung in die Funktion console.time() in JavaScript

高洛峰
Freigeben: 2017-02-03 14:56:28
Original
1775 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 zeitaufwändige foo()-Funktion:

function foo(){
    var x = 4.237;
    var y = 0;
    for (var i=0; i<100000000; i++) {
        y = y + x*x;
    }
    return y;
}
Nach dem Login kopieren

Wenn Sie wissen möchten, wie lange die Ausführung der Funktion dauert, können Sie console.time( vor foo() einfügen Funktionsaufruf)-Anweisung, fügen Sie die console.timeEnd()-Anweisung ein, nachdem der Aufruf abgeschlossen ist:

console.time("test");
foo();
console.timeEnd("test");
Nach dem Login kopieren

Nachdem das Programm ausgeführt wurde, zeigt die Konsole das Ergebnis dieser Zeitmessung an: „test: 1797 ms“, Zur Information sehen Sie sich die angezeigte Protokollebene an.

console.time() und console.timeEnd() akzeptieren einen String als Parameter, der 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.

Eine ausführlichere Einführung in die Funktion console.time() in JavaScript und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

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