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

class with/without declared fields vs function constructor vs object literal vs Object.create vs Object.setPrototypeOf (version: 0)

Comparing performance of: class without declared fields vs class with declared fields vs function constructor vs object literal vs object literal & sum.call vs object literal & sum.bind vs Object.create vs Object.setPrototypeOf

Created: 2 years ago by: Guest

Jump to the latest result

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;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
class without declared fields
class with declared fields
function constructor
object literal
object literal & sum.call
object literal & sum.bind
Object.create
Object.setPrototypeOf

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Browser/OS: Chrome 121 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
class without declared fields	31707.8 Ops/sec
class with declared fields	5488.8 Ops/sec
function constructor	31277.7 Ops/sec
object literal	1786985.0 Ops/sec
object literal & sum.call	1775935.0 Ops/sec
object literal & sum.bind	145346.2 Ops/sec
Object.create	12486.9 Ops/sec
Object.setPrototypeOf	2699.4 Ops/sec

class with/without declared fields vs function constructor vs object literal vs Object.create vs Object.setPrototypeOf (version: 0)

Comparing performance of: class without declared fields vs class with declared fields vs function constructor vs object literal vs object literal & sum.call vs object literal & sum.bind vs Object.create vs Object.setPrototypeOf

Created: 2 years ago by: Guest

Jump to the latest result

class without declared fields

class with declared fields

function constructor

object literal

object literal & sum.call

object literal & sum.bind

Object.create

Object.setPrototypeOf

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A