Benchmark: Class vs object: direct call vs bind vs apply

Script Preparation code:

class Foo1 {
    property = 5;
    method() {
        this.property += 1;
    }
}

function Bar1() {
    return {
        property: 5,
        method() {
            this.property += 1;
        }
    };
}

function Bar2() {
    let property = 5;
    return {
        method: () => {
            property += 1;
        }
    };
}

var foo1 = new Foo1();
var foo1Apply = foo1.method;
var foo1Bind = foo1.method.bind(foo1);

var bar1 = Bar1();
var bar1Apply = bar1.method;
var bar1Bind = bar1.method.bind(bar1);

var bar2 = Bar2();
var bar2Variable = bar2.method;

Tests:

Class: direct
foo1.method();
Class: apply
foo1Apply.apply(foo1);
Class: bind
foo1Bind();
Object literal: direct
bar1.method();
Object literal: apply
bar1Apply.apply(bar1);
Object literal: bind
bar1Bind();
Object with context: direct
bar2.method();
Object with context: variable
bar2Variable();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Class: direct
Class: apply
Class: bind
Object literal: direct
Object literal: apply
Object literal: bind
Object with context: direct
Object with context: variable

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 6 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/118.0

Browser/OS: Firefox 118 on Windows

View result in a separate tab

Test name	Executions per second
Class: direct	398258900.0 Ops/sec
Class: apply	279955200.0 Ops/sec
Class: bind	55733580.0 Ops/sec
Object literal: direct	282577900.0 Ops/sec
Object literal: apply	289969500.0 Ops/sec
Object literal: bind	55094100.0 Ops/sec
Object with context: direct	394821300.0 Ops/sec
Object with context: variable	277841900.0 Ops/sec

Class vs object: direct call vs bind vs apply (version: 0)

Comparing performance of: Class: direct vs Class: apply vs Class: bind vs Object literal: direct vs Object literal: apply vs Object literal: bind vs Object with context: direct vs Object with context: variable

Created: one year ago by: Registered User

Jump to the latest result

Class: direct

Class: apply

Class: bind

Object literal: direct

Object literal: apply

Object literal: bind

Object with context: direct

Object with context: variable

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A