Run results for: Classes memory

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36

Browser: Chrome 88

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years 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();