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	188376496.0 Ops/sec
existing instance bind method	193254368.0 Ops/sec
new instance arrow method	174763248.0 Ops/sec
new instance bind method	195171136.0 Ops/sec
create 1000 instances call arrow method	611722.5 Ops/sec
create 1000 instances call bind method	1270384.1 Ops/sec
no binds	193197728.0 Ops/sec
new instance no binds	194853136.0 Ops/sec
create 1000 instances call no bind method	1518130.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