Run results for: class method vs arrow method

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: one year ago

instance binder

196.6M/s

instance arrow

151.6M/s

single instance 1000 calls binder

3.4M/s

single instance 1000 calls arrow

3.3M/s

create 100 binders

1.3M/s

create 100 instances arrow

605K/s

View exact numbers

Test name	Executions per second
✓ instance binder	196,591,344 Ops/sec
instance arrow	151,600,576 Ops/sec
single instance 1000 calls binder	3,399,020 Ops/sec
single instance 1000 calls arrow	3,292,662 Ops/sec
create 100 binders	1,256,832 Ops/sec
create 100 instances arrow	604,588 Ops/sec

HTML Preparation code:

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

Script Preparation code:

class Arrow{

method = ()=>{}
}
class Binder{

  constructor(){
  this.method.bind(this)
  }
  method(){}
}

Tests:

instance arrow
new Arrow().method()
instance binder
new Binder().method()
create 100 instances arrow
for(let i=0;i<1000;i++){ new Arrow().method() }
create 100 binders
for(let i=0;i<1000;i++){ new Binder().method() }
single instance 1000 calls arrow
const arrow = new Arrow() for(let i=0;i<1000;i++){ arrow.method() }
single instance 1000 calls binder
const binder = new Binder() for(let i=0;i<1000;i++){ binder.method() }