Як можна порівняти код JavaScript? [зачинено]

Чи є пакет, який допомагає мені орієнтувати код JavaScript? Я не маю на увазі Firebug та подібні інструменти.

Мені потрібно порівняти дві різні функції JavaScript, які я реалізував. Я дуже знайомий з модулем Benchmark ( Benchmark.pm ) Perl і шукаю щось схоже в 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 поза кадром.

якщо писати спеціальний сценарій орієнтиру, обов'язково зауважте, що деякі веб-переглядачі застосовують маніпуляції з домом лише після закінчення функції, в якій вони визначені. Детальніше тут 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)

Ось приклад коду