Benchmark: storage test 2 - MeasureThat.net

Tests:

class
class Storage { getStoredData () { return JSON.parse(window.localStorage.getItem('TF1player') || '{}') } get (key) { this.data = this.data || this.getStoredData() return this.data[key] } set (key, value) { this.data = this.data || this.getStoredData() this.data[key] = value window.localStorage.setItem('TF1player', JSON.stringify(this.data)) } clearStoredData () { this.data = undefined window.localStorage.clear() } } const storageModule = () => { const state = {} const setState = newState => Object.keys(newState).forEach(key => (state[key] = newState[key])) const getStoredData = () => JSON.parse(window.localStorage.getItem('TF1player') || '{}') const get = key => { const { data } = state setState({ data: data || getStoredData() }) return state.data[key] } const set = (key, value) => { const { data = getStoredData() } = state const newData = { ...data, [key]: value } setState({ data: newData }) window.localStorage.setItem('TF1player', JSON.stringify(newData)) } const clearStoredData = () => { setState({ data: undefined }) window.localStorage.clear() } return { get, set, clearStoredData, } } const Storage2 = { data: undefined, setData: function () { this.data = this.data || this.getStoredData() }, getStoredData: function () { return JSON.parse(window.localStorage.getItem('TF1player') || '{}') }, get: function (key) { this.setData() return this.data[key] }, set: function (key, value) { this.setData() this.data[key] = value window.localStorage.setItem('TF1player', JSON.stringify(this.data)) }, clearStoredData: function () { this.data = undefined window.localStorage.clear() }, } const storageClass = new Storage() const storageFunction = storageModule() const storageObject = Storage2 storageClass.get('test1', 'test value 1')
function
class Storage { getStoredData () { return JSON.parse(window.localStorage.getItem('TF1player') || '{}') } get (key) { this.data = this.data || this.getStoredData() return this.data[key] } set (key, value) { this.data = this.data || this.getStoredData() this.data[key] = value window.localStorage.setItem('TF1player', JSON.stringify(this.data)) } clearStoredData () { this.data = undefined window.localStorage.clear() } } const storageModule = () => { const state = {} const setState = newState => Object.keys(newState).forEach(key => (state[key] = newState[key])) const getStoredData = () => JSON.parse(window.localStorage.getItem('TF1player') || '{}') const get = key => { const { data } = state setState({ data: data || getStoredData() }) return state.data[key] } const set = (key, value) => { const { data = getStoredData() } = state const newData = { ...data, [key]: value } setState({ data: newData }) window.localStorage.setItem('TF1player', JSON.stringify(newData)) } const clearStoredData = () => { setState({ data: undefined }) window.localStorage.clear() } return { get, set, clearStoredData, } } const Storage2 = { data: undefined, setData: function () { this.data = this.data || this.getStoredData() }, getStoredData: function () { return JSON.parse(window.localStorage.getItem('TF1player') || '{}') }, get: function (key) { this.setData() return this.data[key] }, set: function (key, value) { this.setData() this.data[key] = value window.localStorage.setItem('TF1player', JSON.stringify(this.data)) }, clearStoredData: function () { this.data = undefined window.localStorage.clear() }, } const storageClass = new Storage() const storageFunction = storageModule() const storageObject = Storage2 storageFunction.get('test1', 'test value 1')
object
class Storage { getStoredData () { return JSON.parse(window.localStorage.getItem('TF1player') || '{}') } get (key) { this.data = this.data || this.getStoredData() return this.data[key] } set (key, value) { this.data = this.data || this.getStoredData() this.data[key] = value window.localStorage.setItem('TF1player', JSON.stringify(this.data)) } clearStoredData () { this.data = undefined window.localStorage.clear() } } const storageModule = () => { const state = {} const setState = newState => Object.keys(newState).forEach(key => (state[key] = newState[key])) const getStoredData = () => JSON.parse(window.localStorage.getItem('TF1player') || '{}') const get = key => { const { data } = state setState({ data: data || getStoredData() }) return state.data[key] } const set = (key, value) => { const { data = getStoredData() } = state const newData = { ...data, [key]: value } setState({ data: newData }) window.localStorage.setItem('TF1player', JSON.stringify(newData)) } const clearStoredData = () => { setState({ data: undefined }) window.localStorage.clear() } return { get, set, clearStoredData, } } const Storage2 = { data: undefined, setData: function () { this.data = this.data || this.getStoredData() }, getStoredData: function () { return JSON.parse(window.localStorage.getItem('TF1player') || '{}') }, get: function (key) { this.setData() return this.data[key] }, set: function (key, value) { this.setData() this.data[key] = value window.localStorage.setItem('TF1player', JSON.stringify(this.data)) }, clearStoredData: function () { this.data = undefined window.localStorage.clear() }, } const storageClass = new Storage() const storageFunction = storageModule() const storageObject = Storage2 storageObject.get('test1', 'test value 1')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
class
function
object

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one month ago):

LLMs can make mistakes. Check important info.

Latest run results:

Run details: (Test run date: 4 years ago)

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

Browser/OS: Chrome 79 on Mac OS X 10.14.6

View result in a separate tab

Test name	Executions per second
class	103211.7 Ops/sec
function	185979.0 Ops/sec
object	184536.8 Ops/sec

Related benchmarks:

storage test 2 (version: 1)

Comparing performance of: class vs function vs object

Created: 4 years ago by: Registered User

Jump to the latest result

class

function

object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one month ago):