Run results for: Classes memory

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36 OPR/73.0.3856.329

Browser: Opera 73

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Arrows in classes	202792.5 Ops/sec
Bind in classes	246834.4 Ops/sec
Bind in classes prototype	251320.1 Ops/sec
Mixed in classes	222610.6 Ops/sec

Tests:

Arrows in classes
class A { hi = () => { return 'Hi' + '!'; } bye = () => { return 'Bye' + '!'; } message = () => { return this.hi() + this.bye(); } } const a = new A(); const message = a.message; message();
Bind in classes
class A { constructor() { this.message = this.message.bind(this); } hi() { return 'Hi' + '!'; } bye() { return 'Bye' + '!'; } message() { return this.hi() + this.bye(); } } const a = new A(); const message = a.message; message();
Bind in classes prototype
class A { constructor() { this.message = A.prototype.message.bind(this); } hi() { return 'Hi' + '!'; } bye() { return 'Bye' + '!'; } message() { return this.hi() + this.bye(); } } const a = new A(); const message = a.message; message();
Mixed in classes
class A { hi() { return 'Hi' + '!'; } bye() { return 'Bye' + '!'; } message = () => { return this.hi() + this.bye(); } } const a = new A(); const message = a.message; message();

Run results for: Classes memory

Arrows in classes

Bind in classes

Bind in classes prototype

Mixed in classes