Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie die Konsole, um die Codelaufzeit in js zu berechnen

小云云
Freigeben: 2018-03-14 18:17:11
Original
1695 Leute haben es durchsucht

Wenn Sie das Front-End für einen bestimmten Zeitraum erlernen, werden Sie Leistungsprobleme berücksichtigen. Die Frage ist also: Wie berechnen wir die Laufzeit eines Codeabschnitts? In diesem Artikel erfahren Sie hauptsächlich, wie Sie die Codelaufzeit in js mithilfe der Konsole berechnen.

Verwenden Sie console.log mit dem Date-Objekt, um zu berechnen

Wenn wir beispielsweise berechnen, wie lange es dauert, bis die Sortiermethode ein Array von 100.000 Zufallszahlen sortiert, können wir so schreiben:

        var arr = [];        for(var i=0; i<100000; i++){
            arr.push(Math.random());
        }        var beginTime = +new Date();
        arr.sort();        var endTime = +new Date();
        console.log("排序用时共计"+(endTime-beginTime)+"ms");
Nach dem Login kopieren

Schließlich zeigt die Konsole Folgendes an:

排序用时共计552ms
Nach dem Login kopieren

Nachfolgend wird eine flexiblere und genauere Methode vorgestellt.

Verwenden Sie console.time zur Zeitberechnung

Diese Methode ist genauer als die vorherige und wurde speziell für die Leistung generiert:
Testfall:

        var arr = [];
        for(var i=0; i<100000; i++){
            arr.push(Math.random());
        }
        console.time("sort");
        arr.sort();
        console.timeEnd("sort");
Nach dem Login kopieren

Die Konsole gibt Folgendes aus:

sort: 542.668701171875ms
Nach dem Login kopieren

Diese Methode schreibt console.time zu Beginn des Tests und übergibt eine Zeichenfolge in Klammern. Verwenden Sie am Ende die Methode console.timeEnd und übergeben Sie die Zeichenfolge erneut.
Ich persönlich empfehle die zweite Methode.

Verwandte Empfehlungen:

Js Beispiel für die Verwendung der Konsole zur Berechnung der Codelaufzeit

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Konsole, um die Codelaufzeit in js zu berechnen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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