Benchmark: class method arrow vs bind vs no-bind

class method arrow vs bind vs no-bind (version: 1)

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

Comparing performance of: `existing instance arrow method vs existing instance bind method vs new instance arrow method vs new instance bind method vs create 1000 instances call arrow method vs create 1000 instances call bind method vs no binds vs new instance no binds vs create 1000 instances call no bind method`

Created: one year ago by: Guest

Go to the latest result

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
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

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 133 on Mac OS X 10.15.7

View result in a separate tab

new instance no binds

107.8M/s

existing instance bind method

101.0M/s

existing instance arrow method

100.1M/s

no binds

96.3M/s

new instance bind method

91.8M/s

new instance arrow method

79.8M/s

create 1000 instances call no bind method

1.2M/s

create 1000 instances call bind method

536K/s

create 1000 instances call arrow method

273K/s

View exact numbers

Test name	Executions per second
✓ new instance no binds	107,767,528 Ops/sec
existing instance bind method	100,987,400 Ops/sec
existing instance arrow method	100,107,528 Ops/sec
no binds	96,264,800 Ops/sec
new instance bind method	91,779,968 Ops/sec
new instance arrow method	79,808,272 Ops/sec
create 1000 instances call no bind method	1,150,064 Ops/sec
create 1000 instances call bind method	536,303 Ops/sec
create 1000 instances call arrow method	273,259 Ops/sec