Benchmark: class vs proto - MeasureThat.net

Tests:

class
(()=>{ class Base { static s1() { let n = Math.random() n = n * 1000 let x = 0 while (n) { n = n - 1 x = n } return n } static s2() { return JSON.stringify(window) } p1() { let n = Math.random() << 1 n = n * 1000 >> 1 while (n) { n = n - 1 } return n } p2() { return JSON.stringify(document) } } class Mid extends Base { static ss1() { let n = Math.random() return n << n } static ss2() { return JSON.stringify(window) + 'xxx' } pp1() { const n = Math.random() << 12 return n } pp2() { return JSON.stringify(document) + Date.now() } } class Sub extends Mid {} new Base() new Mid() new Sub() })()
functional w/o static inherit
(()=>{ function Base() {} Base.prototype.constructor = Base Base.s1 = function() { let n = Math.random() n = n * 1000 let x = 0 while (n) { n = n - 1 x = n } return n } Base.s2 = function() { return JSON.stringify(window) } Base.prototype.p1 = function() { let n = Math.random() << 1 n = n * 1000 >> 1 while (n) { n = n - 1 } return n } Base.prototype.p2 = function() { return JSON.stringify(document) } function Mid(){ Base.call(this) } Mid.prototype = Object.create(Mid.prototype) Mid.prototype.constructor = Sub Mid.ss1 = function () { let n = Math.random() return n << n } Mid.ss2= function () { return JSON.stringify(window) + 'xxx' } Mid.prototype.pp1 = function() { const n = Math.random() << 12 return n } Mid.prototype.pp2 = function() { return JSON.stringify(document) + Date.now() } function Sub(){ Mid.call(this) } Sub.prototype = Object.create(Mid.prototype) Sub.prototype.constructor = Sub new Base() new Mid() new Sub() })()
functional w/ setproto static inherit
(()=>{ function Base() {} Base.prototype.constructor = Base Base.s1 = function() { let n = Math.random() n = n * 1000 let x = 0 while (n) { n = n - 1 x = n } return n } Base.s2 = function() { return JSON.stringify(window) } Base.prototype.p1 = function() { let n = Math.random() << 1 n = n * 1000 >> 1 while (n) { n = n - 1 } return n } Base.prototype.p2 = function() { return JSON.stringify(document) } function Mid(){ Base.call(this) } Object.setPrototypeOf(Mid, Base)// !! Mid.prototype = Object.create(Mid.prototype) Mid.prototype.constructor = Sub Mid.ss1 = function () { let n = Math.random() return n << n } Mid.ss2= function () { return JSON.stringify(window) + 'xxx' } Mid.prototype.pp1 = function() { const n = Math.random() << 12 return n } Mid.prototype.pp2 = function() { return JSON.stringify(document) + Date.now() } function Sub(){ Mid.call(this) } Object.setPrototypeOf(Sub, Mid)// !! Sub.prototype = Object.create(Mid.prototype) Sub.prototype.constructor = Sub new Base() new Mid() new Sub() })()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
class
functional w/o static inherit
functional w/ setproto static inherit

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: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/116.0

Browser/OS: Firefox 116 on Windows

View result in a separate tab

Test name	Executions per second
class	29223.8 Ops/sec
functional w/o static inherit	42427.1 Ops/sec
functional w/ setproto static inherit	27625.4 Ops/sec

class vs proto (version: 0)

Comparing performance of: class vs functional w/o static inherit vs functional w/ setproto static inherit

Created: 5 years ago by: Registered User

Jump to the latest result

class

functional w/o static inherit

functional w/ setproto static inherit

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A