Run results for: ES6 Class vs Prototype vs Object Literal vs Function vs Function with object destructuring

Test name	Executions per second
✓ Basic functions with object destructuring	95,291,376 Ops/sec
Basic function	90,338,080 Ops/sec
Object Literal	1,133,904 Ops/sec
ES6 Class	367,685 Ops/sec
Function Prototype	325,611 Ops/sec

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

function Point(x, y){
	this.x = x;
	this.y = y;
}

Point.prototype.add = function(point){
    return new Point(this.x + point.x, this.y + point.y);
}

Point.prototype.sub = function(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);

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

Basic function

function Point(x, y){
	return {
      	x, 
      	y, 
    };
}
const add = (pointa, pointb) =>({ x: pointa.x + pointb.x, y: pointb.y + pointb.y });
const sub = (pointa, pointb) =>({ x: pointa.x - pointb.x, y: pointa.y - pointb.y });
var p1 = Point(10, 10);
var p2 = Point(10, -10);
var sum = add(p1, p2);
var dif = sub(p1, p2);

Basic functions with object destructuring

function Point(x, y){
	return {
      	x, 
      	y, 
    };
}
const add = ({ x:xa, y:ya }, { x:xb, y:yb }) =>({ x: xa + xb, y: ya + yb });
const sub = ({ x:xa, y:ya }, { x:xb, y:yb }) =>({ x: xa - xb, y: ya - yb });
var p1 = Point(10, 10);
var p2 = Point(10, -10);
var sum = add(p1, p2);
var dif = sub(p1, p2);

Run results for: ES6 Class vs Prototype vs Object Literal vs Function vs Function with object destructuring

Test the speed and memory usage using 4 different techniques for constructing class objects (or rather calling functions).

ES6 Class

Function Prototype

Object Literal

Basic function

Basic functions with object destructuring