Benchmark: storage test 2 - MeasureThat.net

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')

storage test 2 (version: 1)

Comparing performance of: class vs function vs object

Created: 6 years ago by: Registered User

Jump to the latest result

class

function

object

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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

Test case name	Result
class
function
object