Run results for: class method arrow vs bind vs no-bind

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
existing instance arrow method	201527936.0 Ops/sec
existing instance bind method	187989376.0 Ops/sec
new instance arrow method	166444304.0 Ops/sec
new instance bind method	199850336.0 Ops/sec
create 1000 instances call arrow method	606813.9 Ops/sec
create 1000 instances call bind method	1264329.9 Ops/sec
no binds	194051872.0 Ops/sec
new instance no binds	201479376.0 Ops/sec
create 1000 instances call no bind method	1526748.0 Ops/sec

HTML Preparation code:

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

Script Preparation code:

class ArrowMethod {
    constructor() {

    }
    method = () => {}
}
class BindMethod {
    constructor() {
        this.method.bind(this)
    }
    method() {}
}
class NoBind {
    constructor() {

    }
    method() {}
}
const n = new NoBind()
const a = new ArrowMethod()
const b = new BindMethod()

Tests:

existing instance arrow method
a.method()
existing instance bind method
b.method()
new instance arrow method
new ArrowMethod().method()
new instance bind method
new BindMethod().method()
create 1000 instances call arrow method
for (let i=0;i<1000;i++){ new ArrowMethod().method() }
create 1000 instances call bind method
for (let i=0;i<1000;i++){ new BindMethod().method() }
no binds
n.method()
new instance no binds
new NoBind().method()
create 1000 instances call no bind method
for (let i=0;i<1000;i++){ new NoBind().method() }

Run results for: class method arrow vs bind vs no-bind

measure the performance of a class method defined with arrow function vs bind

existing instance arrow method

existing instance bind method

new instance arrow method

new instance bind method

create 1000 instances call arrow method

create 1000 instances call bind method

no binds

new instance no binds

create 1000 instances call no bind method