Run results for: class with/without declared fields vs function constructor vs object literal vs Object.create vs Object.setPrototypeOf

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36

Browser: Chrome 100

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
class without declared fields	27264.5 Ops/sec
class with declared fields	4042.4 Ops/sec
function constructor	16792.3 Ops/sec
object literal	1749000.9 Ops/sec
object literal & sum.call	553631.4 Ops/sec
object literal & sum.bind	133798.2 Ops/sec
Object.create	8923.0 Ops/sec
Object.setPrototypeOf	1901.5 Ops/sec

Script Preparation code:

// classes declared here can't be accessed in test cases for some reason...

Tests:

class without declared fields
class X { constructor(foo, bar, baz) { this.foo = foo; this.bar = bar; this.baz = baz; } sum() { return this.foo + this.bar + this.baz; } } let i = 1000; let y = 0; while (i--) { let x = new X(1, 2, 3); y += x.foo + x.bar + x.baz; y += x.sum(); } return y;
class with declared fields
class X { foo; bar; baz; constructor(foo, bar, baz) { this.foo = foo; this.bar = bar; this.baz = baz; } sum() { return this.foo + this.bar + this.baz; } } let i = 1000; let y = 0; while (i--) { let x = new X(1, 2, 3); y += x.foo + x.bar + x.baz; y += x.sum(); } return y;
function constructor
function X(foo, bar, baz) { this.foo = foo; this.bar = bar; this.baz = baz; } X.prototype.sum = function() { return this.foo + this.bar + this.baz; } let i = 1000; let y = 0; while (i--) { let x = new X(1, 2, 3); y += x.foo + x.bar + x.baz; y += x.sum(); } return y;
object literal
function X(foo, bar, baz) { return {foo, bar, baz}; } function sum(x) { return x.foo + x.bar + x.baz; } let i = 1000; let y = 0; while (i--) { let x = {foo: 1, bar: 2, baz: 3}; y += x.foo + x.bar + x.baz; y += sum(x); } return y;
object literal & sum.call
function X(foo, bar, baz) { return {foo, bar, baz}; } function sum() { return this.foo + this.bar + this.baz; } let i = 1000; let y = 0; while (i--) { let x = X(1, 2, 3); y += x.foo + x.bar + x.baz; y += sum.call(x); } return y;
object literal & sum.bind
function X(foo, bar, baz) { let x = {foo, bar, baz}; x.sum = sum.bind(x); return x; } function sum() { return this.foo + this.bar + this.baz; } let i = 1000; let y = 0; while (i--) { let x = X(1, 2, 3); y += x.foo + x.bar + x.baz; y += x.sum(); } return y;
Object.create
function X(foo, bar, baz) { let x = Object.create(proto); x.foo = foo; x.bar = bar; x.baz = baz; return x; } const proto = { sum() { return this.foo + this.bar + this.baz; } } let i = 1000; let y = 0; while (i--) { let x = X(1, 2, 3); y += x.foo + x.bar + x.baz; y += x.sum(); } return y;
Object.setPrototypeOf
function X(foo, bar, baz) { let x = {foo, bar, baz}; Object.setPrototypeOf(x, proto); return x; } const proto = { sum() { return this.foo + this.bar + this.baz; } } let i = 1000; let y = 0; while (i--) { let x = X(1, 2, 3); y += x.foo + x.bar + x.baz; y += x.sum(); } return y;

Run results for: class with/without declared fields vs function constructor vs object literal vs Object.create vs Object.setPrototypeOf

class without declared fields

class with declared fields

function constructor

object literal

object literal & sum.call

object literal & sum.bind

Object.create

Object.setPrototypeOf