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 (iPhone; CPU iPhone OS 15_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 15

Operating system: iOS 15.4.1

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
class without declared fields	45673.9 Ops/sec
class with declared fields	48588.3 Ops/sec
function constructor	37450.2 Ops/sec
object literal	492268.1 Ops/sec
object literal & sum.call	796748.6 Ops/sec
object literal & sum.bind	17137.1 Ops/sec
Object.create	3948.2 Ops/sec
Object.setPrototypeOf	3111.3 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