Run results for: Class vs Function + Prototype

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Function + Prototype

28/s

Class

17/s

View exact numbers

Test name	Executions per second
✓ Function + Prototype	28 Ops/sec
Class	17 Ops/sec

Script Preparation code:

class Iterator1 {
    array = Array.from({ length: 500_000 }, () => Math.floor(Math.random() * 500) + 1);
    
    iterate() {
        let sum = 0;
        for (let i = 0; i < this.array.length; ++i) sum += this.array[i];
    }
}

const Iterator2 = function() {};

Iterator2.prototype.array = Array.from({ length: 500_000 }, () => Math.floor(Math.random() * 500) + 1);

Iterator2.prototype.iterate = function() {
    let sum = 0;
    for (let i = 0; i < this.array.length; ++i) sum += this.array[i];
};

Tests:

Class
let iterator = new Iterator1(); for (let i = 0; i < 100; ++i) { iterator.iterate(); }
Function + Prototype
let iterator = new Iterator2(); for (let i = 0; i < 100; ++i) { iterator.iterate(); }