Run results for: Classes vs Prototype vs ES classes

Run details:

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

Browser: Chrome 86

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Classes	41992.0 Ops/sec
Prototype	47940.7 Ops/sec
ES classes	45831.8 Ops/sec
ES classes with var	46154.5 Ops/sec

Tests:

Classes
"use strict"; function _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return right[Symbol.hasInstance](left); } else { return left instanceof right; } } function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } var Person = /*#__PURE__*/ function () { function Person() { _classCallCheck(this, Person); this.spoken = ''; } _createClass(Person, [{ key: "speak", value: function speak(frase) { this.spoken += "".concat(frase, ". "); } }]); return Person; }(); var person = new Person(); person.speak('Hello world'); person.speak('Anybody out there?'); person.speak('Ok Im out!');
Prototype
function Person () { this.spoken = '' } Person.prototype.speak = function (frase) { this.spoken += frase + '. ' } var person = new Person() person.speak('Hello world'); person.speak('Anybody out there?'); person.speak('Ok Im out!');
ES classes
class Person { constructor() { this.spoken = ''; } speak(frase) { this.spoken += frase + '. ' } } var person = new Person() person.speak('Hello world'); person.speak('Anybody out there?'); person.speak('Ok Im out!');
ES classes with var
var Person = class { constructor() { this.spoken = ''; } speak(frase) { this.spoken += frase + '. ' } }; var person = new Person() person.speak('Hello world'); person.speak('Anybody out there?'); person.speak('Ok Im out!');

Run results for: Classes vs Prototype vs ES classes

Classes

Prototype

ES classes

ES classes with var