Run results for: es6 vs prototype vs module class

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0

Browser: Firefox 135

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Tests:

Es6 Class
class Es6Point { constructor(x, y) { this.x = x; this.y = y; } add(point) { return new Es6Point(this.x + point.x, this.y + point.y); } sub(point) { return new Es6Point(this.x - point.x, this.y - point.y); } } const p1 = new Es6Point(10, 10); const p2 = new Es6Point(10, -10); const sum = p1.add(p2); const dif = p1.sub(p2);
Prototype
function ProtoPoint(x, y) { this.x = x; this.y = y; } ProtoPoint.prototype.add = function(point) { return new ProtoPoint(this.x + point.x, this.y + point.y); } ProtoPoint.prototype.sub = function(point) { return new ProtoPoint(this.x - point.x, this.y - point.y); } const p1 = new ProtoPoint(10, 10); const p2 = new ProtoPoint(10, -10); const sum = p1.add(p2); const dif = p1.sub(p2);
Module
const ModulePoint = (x, y) => ({ add: point => ModulePoint(x + point.x, y + point.y), sub: point => ModulePoint(x - point.x, y - point.y) }) const p1 = ModulePoint(10, 10) const p2 = ModulePoint(10, -10) const sum = p1.add(p2) const dif = p1.sub(p2)