Benchmark: prototype vs class based 1

Tests:

prototype
const obj = { a: 1, b: 2, itemQty: 10, stockStatus: 'IN_STOCK' } function itemFilter(transformer) { delete transformer.item.itemQty; delete transformer.item.stockStatus return transformer.transform(); } /* function featureRoleFilter(item) { delete item.stockStatus return item } */ function TransformItem(item) { this.item = item; this.transform = () => this.item; } for(let i=0;i < 10000;i++) { const i = new TransformItem(obj) console.log(i) itemFilter(i) console.log(i.item) }
class
const obj = { a: 1, b: 2, itemQty: 10, stockStatus: 'IN_STOCK' } class Item { constructor() { this.item = obj; } transform() { return this.item; } } class FeatureRoleFilter extends Item { constructor(t) { super(); this.t = t; } transform() { delete this.item.itemQty; delete this.item.stockStatus; return this.t.transform(); } } for(let i=0;i<10000; i++){ let transformer = new Item(); console.log(transformer.transform()) transformer = new FeatureRoleFilter(transformer) console.log(transformer.transform()) }

Rendered benchmark preparation results:

Previous results

Test case name	Result
prototype
class

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

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 104 on Mac OS X 10.15.7

Test name	Executions per second
prototype	9.5 Ops/sec
class	6.1 Ops/sec

prototype vs class based 1 (version: 0)