Benchmark: Scoped function vs Object Literal vs prototype vs external dependencies - v1

Scoped function vs Object Literal vs prototype vs external dependencies - v1 (version: 0)

Tests:

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);
Scoped Function
function point(x = 0, y = 0){ return { add: (pointc)=>point(x + pointc.x, y + pointc.y), sub: (pointc)=>point(x - pointc.x, y - pointc.y), get: ()=>({x, y}), set: (v)=> (x = v.x, y=v.y) } } var p1 = point(10, 10); var p2 = point(10, -10); var sum = p1.add(p2.get()); var dif = p1.sub(p2.get());
Prototype
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); }, sub(point) { return new Point(this.x - point.x, this.y - point.y); } }; 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);
External dependencies
const utility = { sub:(base, point) => { return pointNew(base.x - point.x, base.y - point.y); }, add:(base, point) => { return pointNew(base.x + point.x, base.y + point.y); } } function pointNew (x, y) { let p = { x:x, y:y } return p } let a1 = pointNew(10, 10); let a2 = pointNew(10, -10); let sum = utility.add(a1, a2); let dif = utility.sub(a1, a2);

Rendered benchmark preparation results:

Previous results

ⓘ 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