Benchmark: Classes vs Prototype vs ES classes

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!');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Classes
Prototype
ES classes
ES classes with var

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0

Browser/OS: Firefox 96 on Ubuntu

View result in a separate tab

Test name	Executions per second
Classes	283886.5 Ops/sec
Prototype	510348.6 Ops/sec
ES classes	421242.1 Ops/sec
ES classes with var	417541.2 Ops/sec

Classes vs Prototype vs ES classes (version: 0)

Comparing performance of: Classes vs Prototype vs ES classes vs ES classes with var

Created: 3 years ago by: Registered User

Jump to the latest result

Classes

Prototype

ES classes

ES classes with var

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A