Benchmark: Object.setPrototypeOf vs Proxy initialization (with baseline)

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

 class Car {
        constructor(make, model, year, mileage = 0, fuelLevel = 100) {
            this.make = make;
            this.model = model;
            this.year = year;
            this.mileage = mileage;
            this.fuelLevel = fuelLevel;
        }

        start() {
            console.log(`${this.make} ${this.model} is starting...`);
        }

        stop() {
            console.log(`${this.make} ${this.model} is stopping...`);
        }

        drive(distance) {
            if (this.fuelLevel > 0) {
                this.mileage += distance;
                this.fuelLevel -= distance * 0.05; // Assuming 1 unit of fuel per 20 miles
                console.log(`You drove ${distance} miles. Mileage is now ${this.mileage} miles.`);
            } else {
                console.log('Not enough fuel to drive.');
            }
        }

        refuel(amount) {
            this.fuelLevel += amount;
            console.log(`Refueled ${amount}%. Fuel level is now ${this.fuelLevel}%.`);
        }

        getCarInfo() {
            return `${this.year} ${this.make} ${this.model}, Mileage: ${this.mileage} miles, Fuel Level: ${this.fuelLevel}%`;
        }
    }

function createCar() {
   
    return new Car('Toyota', 'Corolla', 2021, 5000, 100);
}

function createProperties() {
    return {
        make: 'Toyota',
        model: 'Corolla',
        year: 2021,
        mileage: 5000,
        fuelLevel: 100
    }
}

function createProto() {
    return {
        start: function() {
            console.log(`${this.make} ${this.model} is starting...`);
        },

        stop: function() {
            console.log(`${this.make} ${this.model} is stopping...`);
        },

        drive: function(distance) {
            if (this.fuelLevel > 0) {
                this.mileage += distance;
                this.fuelLevel -= distance * 0.05; // Assuming 1 unit of fuel per 20 miles
                console.log(`You drove ${distance} miles. Mileage is now ${this.mileage} miles.`);
            } else {
                console.log('Not enough fuel to drive.');
            }
        },

        refuel: function(amount) {
            this.fuelLevel += amount;
            console.log(`Refueled ${amount}%. Fuel level is now ${this.fuelLevel}%.`);
        },

        getCarInfo: function() {
            return `${this.year} ${this.make} ${this.model}, Mileage: ${this.mileage} miles, Fuel Level: ${this.fuelLevel}%`;
        }
    }
}

function extendTarget(target, proto) {
    Object.setPrototypeOf(proto, Object.getPrototypeOf(target))
    Object.setPrototypeOf(target, proto)
    return target
}

function createProxy(target) {
    return new Proxy(target, {
        get(target, key, receiver) {
            if (key in target)
                return Reflect.get(target, key, receiver)
        },
        set(target, key, value, receiver) {
            target[key] = value;
            return true;
        }
    })
}

Tests:

Object.setPrototypeOf
const extended = extendTarget(createProperties(), createProto())
Proxy
const proxy = createProxy(createCar())
Baseline Class
const object = createCar()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.setPrototypeOf
Proxy
Baseline Class

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Browser/OS: Chrome 132 on Linux

View result in a separate tab

Baseline Class

57.4M/s

Proxy

17.5M/s

Object.setPrototypeOf

474K/s

View exact numbers

Test name	Executions per second
✓ Baseline Class	57,431,036 Ops/sec
Proxy	17,469,374 Ops/sec
Object.setPrototypeOf	474,176 Ops/sec

Object.setPrototypeOf vs Proxy initialization (with baseline) (version: 1)

Comparing performance of: `Object.setPrototypeOf vs Proxy vs Baseline Class`

Created: one year ago by: Registered User

Go to the latest result

Object.setPrototypeOf

Proxy

Baseline Class

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Object.setPrototypeOf vs Proxy initialization (with baseline) (version: 1)

Comparing performance of: Object.setPrototypeOf vs Proxy vs Baseline Class

Created: one year ago by: Registered User

Go to the latest result

Object.setPrototypeOf

Proxy

Baseline Class

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `Object.setPrototypeOf vs Proxy vs Baseline Class`