Как я могу сравнить JavaScript код? [закрыто]

Question

Есть ли пакет, который помогает мне тестировать код JavaScript? Я не имею в виду Firebug и такие инструменты.

Мне нужно сравнить две разные функции JavaScript, которые я реализовал. Я хорошо знаком с модулем Perl's Benchmark ( Benchmark.pm ) и ищу что-то подобное в JavaScript.

Упор сделан на сравнительный анализ кода JavaScript? Могу ли я сойти с синхронизации только один запуск функций?

Answer 1

Всего несколько итераций каждой функции. Вероятно, одной итерации будет недостаточно, но (в зависимости от того, насколько сложны ваши функции) где-то ближе к 100 или даже 1000 итерациям следует выполнить эту работу.

Firebug также имеет профилировщик , если вы хотите увидеть, какие части вашей функции замедляются это вниз.

Редактировать . Для будущих читателей следующий ответ с рекомендацией JSPerf должен быть правильным. Я бы удалил свой, но не могу, потому что он был выбран ОП. Сравнительный анализ намного шире, чем просто выполнение множества итераций, и JSPerf позаботится об этом за вас.

Answer 2

jsperf.com - сайт для тестирования производительности JS. Начни там. Если вам нужна среда для запуска собственных тестов из командной строки или сценариев, используйте Benchmark.js , библиотеку, в которой находится jsperf. .com построен.

Примечание. Любой, кто тестирует код Javascript, должен ознакомиться с ошибками " микробенчмарков " (небольшие тесты, предназначенные для конкретной функции или операции, а не более сложные тесты, основанные на реальных шаблонах кода). Такие тесты могут быть полезны, но подвержены неточностям из-за того, как работают современные среды выполнения JS. Презентация Вячеслава Егорова о производительности и сравнительном тестировании стоит посмотреть, чтобы почувствовать природу проблемы (ы).

Редактировать : удалены ссылки на мою работу по JSLitmus, поскольку она больше не актуальна и не полезна.

Answer 3

Просто добавьте быстрый таймер в микс, что кому-то может пригодиться:

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

В идеале он должен быть размещен в классе, а не использоваться как глобальный, как я делал для примера выше. Использовать его было бы довольно просто:

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

Answer 4

Просто так.

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

Answer 5

Я использовал эту простую реализацию ответа @musicfreaks. Там нет никаких функций, но это действительно удобно. Этот bench (function () {return 1/2;}, 10000, [], this) рассчитает 1/2 10000 раз.

/**
 * 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 6

Трудно написать достойные кросс-браузерные тесты. Простое определение времени для предварительно определенного числа итераций вашего кода не является пуленепробиваемым вообще .

Как уже сказал @broofa, ознакомьтесь с jsPerf . Он использует Benchmark.js за кулисами.

Answer 7

если вы пишете собственный скрипт тестов, обязательно обратите внимание, что некоторые браузеры применяют манипуляции с dom только после завершения функции, в которой они определены. Подробнее здесь http://www.quirksmode.org/blog/archives/2009/08 /when_to_read_ou.html

Answer 8

Если вам нужно что-то простое, вы можете сделать это следующим образом:

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

Вот пример кода