Benchmark: ES6 Class vs Prototype with longer chain vs Object Literal

Tests:

ES6 Class
class Point { constructor(x, y){ this.x = x; this.y = y; } add(point){ return new Point(this.x + point.x, this.y + point.y); } sub(point){ return new Point(this.x - point.x, this.y - point.y); } } var p1 = new Point(10, 10); var p2 = new Point(10, -10); var sum = p1.add(p2); var dif = p1.sub(p2);
Function Prototype with longer chain
function Point(x, y){ this.x = x; this.y = y; } const pointParent = { add(point) { return new Point(this.x + point.x, this.y + point.y); } }; const pointParentParent = { sub(point) { return new Point(this.x + point.x, this.y + point.y); } }; Object.setPrototypeOf(pointParent, pointParentParent); Point.prototype = pointParent; var p1 = new Point(10, 10); var p2 = new Point(10, -10); var sum = p1.add(p2); var dif = p1.sub(p2);
Object Literal
function Point(x, y){ return { x, y, add: (point)=>Point(this.x + point.x, this.y + point.y), sub: (point)=>Point(this.x - point.x, this.y - point.y) } } var p1 = Point(10, 10); var p2 = Point(10, -10); var sum = p1.add(p2); var dif = p1.sub(p2);

Rendered benchmark preparation results:

Previous results

Test case name	Result
ES6 Class
Function Prototype with longer chain
Object Literal

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

Latest run results:

Run details: (Test run date: 9 months ago)

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

Browser/OS: Firefox 115 on Ubuntu

Test name	Executions per second
ES6 Class	755218.4 Ops/sec
Function Prototype with longer chain	526179.1 Ops/sec
Object Literal	1490134.0 Ops/sec

ES6 Class vs Prototype with longer chain vs Object Literal (version: 0)