Làm cách nào để tôi có thể chuẩn mã JavaScript? [đóng cửa]

Có gói nào giúp tôi chuẩn mã JavaScript không? Tôi không đề cập đến Firebug và các công cụ như vậy.

Tôi cần so sánh 2 hàm JavaScript khác nhau mà tôi đã triển khai. Tôi rất quen thuộc với mô-đun Điểm chuẩn ( Benchmark.pm ) của Perl và tôi đang tìm kiếm thứ gì đó tương tự trong JavaScript.

Có phải sự nhấn mạnh vào mã JavaScript đánh giá điểm chuẩn không? Tôi có thể xử lý thời gian chỉ với một lần chạy các chức năng không?

Chỉ cần thời gian lặp lại một số chức năng. Một lần lặp có thể là không đủ, nhưng (tùy thuộc vào mức độ phức tạp của các hàm của bạn) ở đâu đó gần 100 hoặc thậm chí 1.000 lần lặp sẽ thực hiện công việc.

Firebug cũng có một trình mô tả nếu bạn muốn xem phần nào trong chức năng của mình đang làm chậm nó.

Chỉnh sửa: Đối với độc giả trong tương lai, câu trả lời dưới đây đề xuất JSPerf nên là câu trả lời chính xác. Tôi muốn xóa của tôi, nhưng tôi không thể vì nó đã được OP chọn. Còn nhiều hơn thế nữa để đo điểm chuẩn ngoài việc chỉ chạy nhiều lần lặp lại và JSPerf sẽ giải quyết điều đó cho bạn.

jsperf.com là trang web truy cập để kiểm tra hiệu suất JS. Bắt đầu từ đó. Nếu bạn cần một khuôn khổ để chạy các bài kiểm tra của riêng mình từ dòng lệnh hoặc tập lệnh, hãy sử dụng Benchmark.js , thư viện mà jsperf.com được xây dựng.

Lưu ý: Bất kỳ ai thử nghiệm mã Javascript nên tự tìm hiểu về các cạm bẫy của "microbenchmarks" (các thử nghiệm nhỏ nhắm mục tiêu đến một tính năng hoặc hoạt động cụ thể, thay vì các thử nghiệm phức tạp hơn dựa trên các mẫu mã trong thế giới thực). Các bài kiểm tra như vậy có thể hữu ích nhưng dễ bị thiếu chính xác do cách hoạt động của thời gian chạy JS hiện đại. Phần trình bày của Vyacheslav Egorov về hiệu suất và điểm chuẩn rất đáng xem để cảm nhận bản chất của (các) vấn đề.

Chỉnh sửa: Đã xóa các tham chiếu đến JSLitmus của tôi hoạt động vì nó không còn phù hợp hoặc hữu ích nữa.

Chỉ cần thêm bộ hẹn giờ nhanh vào danh sách kết hợp, ai đó có thể thấy hữu ích:

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

Lý tưởng nhất là nó sẽ được đặt trong một lớp, và không được sử dụng như một toàn cục như tôi đã làm cho các mục đích ví dụ ở trên. Sử dụng nó sẽ khá đơn giản:

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

Chỉ cách đơn giản.

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

Tôi đã sử dụng triển khai đơn giản này của câu trả lời @musicfreaks. Không có tính năng nào, nhưng nó thực sự dễ sử dụng. Điều này bench(function(){return 1/2;}, 10000, [], this)sẽ tính 1/2 10.000 lần.

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

Thực sự rất khó để viết các điểm chuẩn trên nhiều trình duyệt. Đơn giản chỉ định thời gian cho một số lần lặp lại mã được xác định trước là hoàn toàn không hiệu quả .

Như @broofa đã đề xuất, hãy xem jsPerf . Nó sử dụng Benchmark.js đằng sau hậu trường.

nếu viết kịch bản điểm chuẩn tùy chỉnh, hãy nhớ lưu ý rằng một số trình duyệt chỉ áp dụng thao tác dom sau khi chức năng mà chúng được xác định kết thúc. Thông tin chi tiết tại đây http://www.quirksmode.org/blog/archives/2009/08/when_to_read_ou.html

Nếu bạn cần một cái gì đó đơn giản, bạn có thể làm như sau:

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

Đây là một ví dụ về mã