Как я могу сравнить JavaScript код? [закрыто]
-
05-07-2019 - |
Вопрос
Есть ли пакет, который помогает мне тестировать код JavaScript? Я не имею в виду Firebug и такие инструменты.
Мне нужно сравнить две разные функции JavaScript, которые я реализовал. Я хорошо знаком с модулем Perl's Benchmark ( Benchmark.pm ) и ищу что-то подобное в JavaScript.
Упор сделан на сравнительный анализ кода JavaScript? Могу ли я сойти с синхронизации только один запуск функций?
Решение
Всего несколько итераций каждой функции. Вероятно, одной итерации будет недостаточно, но (в зависимости от того, насколько сложны ваши функции) где-то ближе к 100 или даже 1000 итерациям следует выполнить эту работу.
Firebug также имеет профилировщик , если вы хотите увидеть, какие части вашей функции замедляются это вниз.
Редактировать . Для будущих читателей следующий ответ с рекомендацией JSPerf должен быть правильным. Я бы удалил свой, но не могу, потому что он был выбран ОП. Сравнительный анализ намного шире, чем просто выполнение множества итераций, и JSPerf позаботится об этом за вас.
Другие советы
jsperf.com - сайт для тестирования производительности JS. Начни там. Если вам нужна среда для запуска собственных тестов из командной строки или сценариев, используйте Benchmark.js , библиотеку, в которой находится jsperf. .com построен.
Примечание. Любой, кто тестирует код Javascript, должен ознакомиться с ошибками " микробенчмарков " (небольшие тесты, предназначенные для конкретной функции или операции, а не более сложные тесты, основанные на реальных шаблонах кода). Такие тесты могут быть полезны, но подвержены неточностям из-за того, как работают современные среды выполнения JS. Презентация Вячеслава Егорова о производительности и сравнительном тестировании стоит посмотреть, чтобы почувствовать природу проблемы (ы).
Редактировать : удалены ссылки на мою работу по JSLitmus, поскольку она больше не актуальна и не полезна.
Просто добавьте быстрый таймер в микс, что кому-то может пригодиться:
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
Просто так.
console.time('test');
console.timeEnd('test');
Я использовал эту простую реализацию ответа @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;
};
Трудно написать достойные кросс-браузерные тесты. Простое определение времени для предварительно определенного числа итераций вашего кода не является пуленепробиваемым вообще . р>
Как уже сказал @broofa, ознакомьтесь с jsPerf . Он использует Benchmark.js за кулисами.
если вы пишете собственный скрипт тестов, обязательно обратите внимание, что некоторые браузеры применяют манипуляции с dom только после завершения функции, в которой они определены. Подробнее здесь http://www.quirksmode.org/blog/archives/2009/08 /when_to_read_ou.html р>
Если вам нужно что-то простое, вы можете сделать это следующим образом:
'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)