Run results for: Classes memory

Run details:

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

Browser: Chrome 101

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Arrows in classes	140660.9 Ops/sec
Bind in classes	176525.0 Ops/sec
Bind in classes prototype	168582.2 Ops/sec
Mixed in classes	161397.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