Run results for: Scoped function vs Object Literal vs prototype vs external dependencies - v1

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser: Chrome 106

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

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