JavaScript kodunu nasıl karşılaştırabilirim? [kapalı]

JavaScript kodunu karşılaştırmama yardımcı olan bir paket var mı? Firebug ve benzeri araçlardan bahsetmiyorum.

Uyguladığım 2 farklı JavaScript işlevini karşılaştırmam gerekiyor. Perl'in Benchmark ( Benchmark.pm ) modülüne çok aşinayım ve JavaScript'te benzer bir şey arıyorum.

JavaScript kodunun karşılaştırılmasına yapılan vurgu abartıldı mı? Fonksiyonların sadece bir turunu zamanlamaktan kurtulabilir miyim?

Her işlevin birkaç yinelemesini zamanlayın. Bir yineleme muhtemelen yeterli olmayacaktır, ancak (işlevlerinizin ne kadar karmaşık olduğuna bağlı olarak) 100 veya hatta 1000 yinelemeye yakın bir yerde bu işi yapmalıdır.

Fonksiyonunuzun hangi bölümlerinin onu yavaşlattığını görmek istiyorsanız Firebug ayrıca bir profilleyiciye de sahiptir .

Düzenleme: Gelecekteki okuyucular için, JSPerf'i öneren aşağıdaki cevap doğru cevap olmalıdır. Benimkini silerdim, ancak OP tarafından seçildiği için yapamıyorum. Kıyaslama yapmak için birçok yineleme yapmaktan çok daha fazlası vardır ve JSPerf bunu sizin için halleder.

jsperf.com , JS performansını test etmek için gidilecek sitedir. Oradan başlayın. Komut satırından veya komut dosyalarından kendi testlerinizi çalıştırmak için bir çerçeveye ihtiyacınız varsa , jsperf.com'un üzerine inşa edildiği kitaplık olan Benchmark.js'yi kullanın .

Not: Javascript kodunu test eden herkes, "mikro ölçütlerin" (gerçek dünya kod modellerine dayalı daha karmaşık testler yerine belirli bir özelliği veya işlemi hedefleyen küçük testler) tuzakları konusunda kendilerini eğitmelidir. Bu tür testler yararlı olabilir, ancak modern JS çalışma zamanlarının nasıl çalıştığından dolayı yanlışlığa eğilimlidir. Vyacheslav Egorov'un performans ve kıyaslama üzerine sunumu , problemin / problemlerin doğası hakkında bir fikir edinmek için izlemeye değer.

Düzenleme: JSLitmus'uma kaldırılan referanslar artık alakalı veya kullanışlı olmadığı için çalışıyor.

Karışıma, birinin yararlı bulabileceği hızlı bir zamanlayıcı eklemeniz yeterli:

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');
        }
    }
};

İdeal olarak, bir sınıfa yerleştirilir ve yukarıdaki örnek amaçlar için yaptığım gibi küresel olarak kullanılmaz. Bunu kullanmak oldukça basit olurdu:

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

Sadece basit bir yol.

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

@Musicfreaks cevabının bu basit uygulamasını kullanıyorum. Hiçbir özellik yok, ancak kullanımı gerçekten çok kolay. Bu bench(function(){return 1/2;}, 10000, [], this)1/2 10,000 defa hesaplayacaktır.

/**
 * 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;  
};

Tarayıcılar arası uygun ölçütler yazmak gerçekten zor. Basitçe kodunuzun önceden tanımlanmış sayıda yinelemesini zamanlamak kurşun geçirmez değildir .

@Broofa'nın zaten önerdiği gibi, jsPerf'e göz atın . Sahne arkasında Benchmark.js kullanır .

özel bir kıyaslama komut dosyası yazıyorsanız, bazı tarayıcıların yalnızca tanımlandıkları işlev sona erdikten sonra etki alanı manipülasyonları uyguladıklarına dikkat edin. Daha fazla ayrıntı burada http://www.quirksmode.org/blog/archives/2009/08/when_to_read_ou.html

Basit bir şeye ihtiyacınız varsa, şu şekilde yapabilirsiniz:

'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)

İşte kodun bir örneği