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/107.0.0.0 Safari/537.36

Browser: Chrome 107

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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