Run results for: Class vs object: direct call vs bind vs apply

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Browser: Chrome 111

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Class: direct	29239800.0 Ops/sec
Class: apply	14822140.0 Ops/sec
Class: bind	29622950.0 Ops/sec
Object literal: direct	29272990.0 Ops/sec
Object literal: apply	14768230.0 Ops/sec
Object literal: bind	29615460.0 Ops/sec
Object with context: direct	28838640.0 Ops/sec
Object with context: variable	29147750.0 Ops/sec

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();

Run results for: Class vs object: direct call vs bind vs apply

Class: direct

Class: apply

Class: bind

Object literal: direct

Object literal: apply

Object literal: bind

Object with context: direct

Object with context: variable