Wie kann ich JavaScript-Code bewerten?

Question

Gibt es ein Paket, das mir hilft, JavaScript-Code zu bewerten? Ich beziehe mich nicht auf Firebug und solche Werkzeuge.

Ich muss 2 verschiedene JavaScript-Funktionen vergleichen, die ich implementiert habe. Ich bin sehr vertraut mit Perls Benchmark (Benchmark.pm) Modul und ich bin auf der Suche nach etwas ähnlichem in JavaScript.

Hat der Schwerpunkt auf Benchmarking JavaScript-Code über Bord gegangen? Kann ich mit dem Timing nur einen Durchlauf der Funktionen durchgehen?

Answer 1

Nur Zeit mehrere Iterationen jeder Funktion. Eine Iteration wird wahrscheinlich nicht genug sein, aber (je nachdem, wie komplex Ihre Funktionen sind), sollten etwas näher bei 100 oder sogar 1000 Iterationen die Aufgabe erfüllen.

Firebug hat auch eine profiler, wenn Sie sehen möchten, welche Teile Ihrer Funktion es verlangsamen.

Edit: Um zukünftige Leser, die unten Antwort JSPerf Empfehlung sollte die richtige Antwort sein. Ich würde meine löschen, aber ich kann nicht, weil es vom OP ausgewählt wurde. Benchmarking ist viel mehr als nur das Ausführen vieler Iterationen, und JSPerf kümmert sich darum.

Answer 2

jsperf.com ist die Einstiegsseite zum Testen der JS-Leistung. Fang dort an. Wenn Sie ein Framework zum Ausführen eigener Tests über die Befehlszeile oder Skripts benötigen, verwenden Sie Benchmark.js, die Bibliothek, auf der jsperf.com erstellt wird.

Hinweis: Jeder, der JavaScript-Code testet, sollte sich über die Fallstricke von "Microbenchmarks" (kleine Tests, die auf eine bestimmte Funktion oder Operation abzielen, statt komplexere Tests auf Basis von realen Codemustern) informieren. Solche Tests können nützlich sein, sind aber anfällig für Ungenauigkeiten aufgrund der Funktionsweise moderner JS-Laufzeiten. Vyacheslav Egorov's presentation on performance and benchmarking ist es wert, beobachtet zu werden, um ein Gefühl für die Art des Problems (der Probleme) zu bekommen.

Bearbeiten: Entfernt Referenzen zu meinem JSLitmus Arbeit, wie es nur nicht mehr relevant oder nützlich ist.

Answer 3

Ich habe diese einfache Implementierung von @musicfreaks Antwort verwendet. Es gibt keine Funktionen, aber es ist wirklich einfach zu bedienen. Diese bench(function(){return 1/2;}, 10000, [], this) berechnet 1/2 10.000 mal.

/** 
* Figure out how long it takes for a method to execute. 
* 
* @param {Function} method to test 
* @param {number} iterations number of executions. 
* @param {Array} args to pass in. 
* @param {T} context the context to call the method in. 
* @return {number} the time it took, in milliseconds to execute. 
*/ 
var bench = function (method, iterations, args, context) { 

    var time = 0; 
    var timer = function (action) { 
     var d = Date.now(); 
     if (time < 1 || action === 'start') { 
      time = d; 
      return 0; 
     } else if (action === 'stop') { 
      var t = d - time; 
      time = 0;  
      return t; 
     } else { 
      return d - time;  
     } 
    }; 

    var result = []; 
    var i = 0; 
    timer('start'); 
    while (i < iterations) { 
     result.push(method.apply(context, args)); 
     i++; 
    } 

    var execTime = timer('stop'); 

    if (typeof console === "object") { 
     console.log("Mean execution time was: ", execTime/iterations); 
     console.log("Sum execution time was: ", execTime); 
     console.log("Result of the method call was:", result[0]); 
    } 

    return execTime; 
}; 

Answer 4

Es ist wirklich schwer anständig Cross-Browser-Benchmarks zu schreiben. Sie können einfach eine vordefinierte Anzahl von Iterationen Ihres Codes zeitlich festlegen: not bulletproof at all.

Wie @broofa bereits vorgeschlagen, überprüfen Sie jsPerf. Es verwendet Benchmark.js hinter den Kulissen.

Answer 5

Wenn Sie ein benutzerdefiniertes Benchmark-Skript schreiben, beachten Sie, dass einige Browser Dom-Manipulationen nur anwenden, nachdem die Funktion, in der sie definiert sind, beendet ist. Weitere Details hier http://www.quirksmode.org/blog/archives/2009/08/when_to_read_ou.html

Answer 6

einfach eine kurze Timer in den Mix, die jemand nützlich finden können:

var timer = function(name) { 
    var start = new Date(); 
    return { 
     stop: function() { 
      var end = new Date(); 
      var time = end.getTime() - start.getTime(); 
      console.log('Timer:', name, 'finished in', time, 'ms'); 
     } 
    } 
}; 

Ideal wäre es in einer Klasse platziert werden, und nicht als globale verwendet wie ich für Beispielzwecke oben.Mit ihm wäre ziemlich einfach:

var t = timer('Some label'); 
// code to benchmark 
t.stop(); // prints the time elapsed to the js console 

Answer 7

Wenn Sie etwas Einfaches wie Sie dies tun können:

'use strict' 
console.clear() 

const powerOf = x => y => Math.pow(x, y) 
const powerOfThree = powerOf(3) 

function performanceCalc(fn, ...params) { 
    const start = +new Date() 
    const result = fn(...params) 
    const end = +new Date() 

    console.log(`Result: ${result}. Execution Time: ${end - start} ms`) 
} 

performanceCalc(powerOfThree, 2) 

Here is an example of the code

Answer 8

Nur einfache Art und Weise.

console.time('test'); 
console.timeEnd('test');